.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=''] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    transparent
  );
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: 50%;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  -o-transition: 0.3s opacity;
  transition: opacity 0.3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s top, 0.2s -webkit-transform;
  transition: top 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s top;
  -webkit-transition: transform 0.2s, top 0.2s;
  transition: transform 0.2s, top 0.2s;
  -webkit-transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
  transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: left 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s left, 0.2s -webkit-transform;
  transition: left 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s left;
  -webkit-transition: transform 0.2s, left 0.2s;
  transition: transform 0.2s, left 0.2s;
  -webkit-transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
  transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  -webkit-transition: right 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s right, 0.2s -webkit-transform;
  transition: right 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s right;
  -webkit-transition: transform 0.2s, right 0.2s;
  transition: transform 0.2s, right 0.2s;
  -webkit-transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
  -o-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
  transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white
  .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black
  .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
  animation: swiper-preloader-spin 1s steps(12) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
} /*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  :after,
  :before {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: ' (' attr(href) ')';
  }
  abbr[title]:after {
    content: ' (' attr(title) ')';
  }
  a[href^='#']:after,
  a[href^='javascript:']:after {
    content: '';
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered td,
  .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: Glyphicons Halflings;
  src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot');
  src: url('../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix')
      format('embedded-opentype'),
    url('../fonts/bootstrap/glyphicons-halflings-regular.woff2') format('woff2'),
    url('../fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'),
    url('../fonts/bootstrap/glyphicons-halflings-regular.ttf')
      format('truetype'),
    url('../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular')
      format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: Glyphicons Halflings;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: '*';
}
.glyphicon-plus:before {
  content: '+';
}
.glyphicon-eur:before,
.glyphicon-euro:before {
  content: '\20AC';
}
.glyphicon-minus:before {
  content: '\2212';
}
.glyphicon-cloud:before {
  content: '\2601';
}
.glyphicon-envelope:before {
  content: '\2709';
}
.glyphicon-pencil:before {
  content: '\270F';
}
.glyphicon-glass:before {
  content: '\E001';
}
.glyphicon-music:before {
  content: '\E002';
}
.glyphicon-search:before {
  content: '\E003';
}
.glyphicon-heart:before {
  content: '\E005';
}
.glyphicon-star:before {
  content: '\E006';
}
.glyphicon-star-empty:before {
  content: '\E007';
}
.glyphicon-user:before {
  content: '\E008';
}
.glyphicon-film:before {
  content: '\E009';
}
.glyphicon-th-large:before {
  content: '\E010';
}
.glyphicon-th:before {
  content: '\E011';
}
.glyphicon-th-list:before {
  content: '\E012';
}
.glyphicon-ok:before {
  content: '\E013';
}
.glyphicon-remove:before {
  content: '\E014';
}
.glyphicon-zoom-in:before {
  content: '\E015';
}
.glyphicon-zoom-out:before {
  content: '\E016';
}
.glyphicon-off:before {
  content: '\E017';
}
.glyphicon-signal:before {
  content: '\E018';
}
.glyphicon-cog:before {
  content: '\E019';
}
.glyphicon-trash:before {
  content: '\E020';
}
.glyphicon-home:before {
  content: '\E021';
}
.glyphicon-file:before {
  content: '\E022';
}
.glyphicon-time:before {
  content: '\E023';
}
.glyphicon-road:before {
  content: '\E024';
}
.glyphicon-download-alt:before {
  content: '\E025';
}
.glyphicon-download:before {
  content: '\E026';
}
.glyphicon-upload:before {
  content: '\E027';
}
.glyphicon-inbox:before {
  content: '\E028';
}
.glyphicon-play-circle:before {
  content: '\E029';
}
.glyphicon-repeat:before {
  content: '\E030';
}
.glyphicon-refresh:before {
  content: '\E031';
}
.glyphicon-list-alt:before {
  content: '\E032';
}
.glyphicon-lock:before {
  content: '\E033';
}
.glyphicon-flag:before {
  content: '\E034';
}
.glyphicon-headphones:before {
  content: '\E035';
}
.glyphicon-volume-off:before {
  content: '\E036';
}
.glyphicon-volume-down:before {
  content: '\E037';
}
.glyphicon-volume-up:before {
  content: '\E038';
}
.glyphicon-qrcode:before {
  content: '\E039';
}
.glyphicon-barcode:before {
  content: '\E040';
}
.glyphicon-tag:before {
  content: '\E041';
}
.glyphicon-tags:before {
  content: '\E042';
}
.glyphicon-book:before {
  content: '\E043';
}
.glyphicon-bookmark:before {
  content: '\E044';
}
.glyphicon-print:before {
  content: '\E045';
}
.glyphicon-camera:before {
  content: '\E046';
}
.glyphicon-font:before {
  content: '\E047';
}
.glyphicon-bold:before {
  content: '\E048';
}
.glyphicon-italic:before {
  content: '\E049';
}
.glyphicon-text-height:before {
  content: '\E050';
}
.glyphicon-text-width:before {
  content: '\E051';
}
.glyphicon-align-left:before {
  content: '\E052';
}
.glyphicon-align-center:before {
  content: '\E053';
}
.glyphicon-align-right:before {
  content: '\E054';
}
.glyphicon-align-justify:before {
  content: '\E055';
}
.glyphicon-list:before {
  content: '\E056';
}
.glyphicon-indent-left:before {
  content: '\E057';
}
.glyphicon-indent-right:before {
  content: '\E058';
}
.glyphicon-facetime-video:before {
  content: '\E059';
}
.glyphicon-picture:before {
  content: '\E060';
}
.glyphicon-map-marker:before {
  content: '\E062';
}
.glyphicon-adjust:before {
  content: '\E063';
}
.glyphicon-tint:before {
  content: '\E064';
}
.glyphicon-edit:before {
  content: '\E065';
}
.glyphicon-share:before {
  content: '\E066';
}
.glyphicon-check:before {
  content: '\E067';
}
.glyphicon-move:before {
  content: '\E068';
}
.glyphicon-step-backward:before {
  content: '\E069';
}
.glyphicon-fast-backward:before {
  content: '\E070';
}
.glyphicon-backward:before {
  content: '\E071';
}
.glyphicon-play:before {
  content: '\E072';
}
.glyphicon-pause:before {
  content: '\E073';
}
.glyphicon-stop:before {
  content: '\E074';
}
.glyphicon-forward:before {
  content: '\E075';
}
.glyphicon-fast-forward:before {
  content: '\E076';
}
.glyphicon-step-forward:before {
  content: '\E077';
}
.glyphicon-eject:before {
  content: '\E078';
}
.glyphicon-chevron-left:before {
  content: '\E079';
}
.glyphicon-chevron-right:before {
  content: '\E080';
}
.glyphicon-plus-sign:before {
  content: '\E081';
}
.glyphicon-minus-sign:before {
  content: '\E082';
}
.glyphicon-remove-sign:before {
  content: '\E083';
}
.glyphicon-ok-sign:before {
  content: '\E084';
}
.glyphicon-question-sign:before {
  content: '\E085';
}
.glyphicon-info-sign:before {
  content: '\E086';
}
.glyphicon-screenshot:before {
  content: '\E087';
}
.glyphicon-remove-circle:before {
  content: '\E088';
}
.glyphicon-ok-circle:before {
  content: '\E089';
}
.glyphicon-ban-circle:before {
  content: '\E090';
}
.glyphicon-arrow-left:before {
  content: '\E091';
}
.glyphicon-arrow-right:before {
  content: '\E092';
}
.glyphicon-arrow-up:before {
  content: '\E093';
}
.glyphicon-arrow-down:before {
  content: '\E094';
}
.glyphicon-share-alt:before {
  content: '\E095';
}
.glyphicon-resize-full:before {
  content: '\E096';
}
.glyphicon-resize-small:before {
  content: '\E097';
}
.glyphicon-exclamation-sign:before {
  content: '\E101';
}
.glyphicon-gift:before {
  content: '\E102';
}
.glyphicon-leaf:before {
  content: '\E103';
}
.glyphicon-fire:before {
  content: '\E104';
}
.glyphicon-eye-open:before {
  content: '\E105';
}
.glyphicon-eye-close:before {
  content: '\E106';
}
.glyphicon-warning-sign:before {
  content: '\E107';
}
.glyphicon-plane:before {
  content: '\E108';
}
.glyphicon-calendar:before {
  content: '\E109';
}
.glyphicon-random:before {
  content: '\E110';
}
.glyphicon-comment:before {
  content: '\E111';
}
.glyphicon-magnet:before {
  content: '\E112';
}
.glyphicon-chevron-up:before {
  content: '\E113';
}
.glyphicon-chevron-down:before {
  content: '\E114';
}
.glyphicon-retweet:before {
  content: '\E115';
}
.glyphicon-shopping-cart:before {
  content: '\E116';
}
.glyphicon-folder-close:before {
  content: '\E117';
}
.glyphicon-folder-open:before {
  content: '\E118';
}
.glyphicon-resize-vertical:before {
  content: '\E119';
}
.glyphicon-resize-horizontal:before {
  content: '\E120';
}
.glyphicon-hdd:before {
  content: '\E121';
}
.glyphicon-bullhorn:before {
  content: '\E122';
}
.glyphicon-bell:before {
  content: '\E123';
}
.glyphicon-certificate:before {
  content: '\E124';
}
.glyphicon-thumbs-up:before {
  content: '\E125';
}
.glyphicon-thumbs-down:before {
  content: '\E126';
}
.glyphicon-hand-right:before {
  content: '\E127';
}
.glyphicon-hand-left:before {
  content: '\E128';
}
.glyphicon-hand-up:before {
  content: '\E129';
}
.glyphicon-hand-down:before {
  content: '\E130';
}
.glyphicon-circle-arrow-right:before {
  content: '\E131';
}
.glyphicon-circle-arrow-left:before {
  content: '\E132';
}
.glyphicon-circle-arrow-up:before {
  content: '\E133';
}
.glyphicon-circle-arrow-down:before {
  content: '\E134';
}
.glyphicon-globe:before {
  content: '\E135';
}
.glyphicon-wrench:before {
  content: '\E136';
}
.glyphicon-tasks:before {
  content: '\E137';
}
.glyphicon-filter:before {
  content: '\E138';
}
.glyphicon-briefcase:before {
  content: '\E139';
}
.glyphicon-fullscreen:before {
  content: '\E140';
}
.glyphicon-dashboard:before {
  content: '\E141';
}
.glyphicon-paperclip:before {
  content: '\E142';
}
.glyphicon-heart-empty:before {
  content: '\E143';
}
.glyphicon-link:before {
  content: '\E144';
}
.glyphicon-phone:before {
  content: '\E145';
}
.glyphicon-pushpin:before {
  content: '\E146';
}
.glyphicon-usd:before {
  content: '\E148';
}
.glyphicon-gbp:before {
  content: '\E149';
}
.glyphicon-sort:before {
  content: '\E150';
}
.glyphicon-sort-by-alphabet:before {
  content: '\E151';
}
.glyphicon-sort-by-alphabet-alt:before {
  content: '\E152';
}
.glyphicon-sort-by-order:before {
  content: '\E153';
}
.glyphicon-sort-by-order-alt:before {
  content: '\E154';
}
.glyphicon-sort-by-attributes:before {
  content: '\E155';
}
.glyphicon-sort-by-attributes-alt:before {
  content: '\E156';
}
.glyphicon-unchecked:before {
  content: '\E157';
}
.glyphicon-expand:before {
  content: '\E158';
}
.glyphicon-collapse-down:before {
  content: '\E159';
}
.glyphicon-collapse-up:before {
  content: '\E160';
}
.glyphicon-log-in:before {
  content: '\E161';
}
.glyphicon-flash:before {
  content: '\E162';
}
.glyphicon-log-out:before {
  content: '\E163';
}
.glyphicon-new-window:before {
  content: '\E164';
}
.glyphicon-record:before {
  content: '\E165';
}
.glyphicon-save:before {
  content: '\E166';
}
.glyphicon-open:before {
  content: '\E167';
}
.glyphicon-saved:before {
  content: '\E168';
}
.glyphicon-import:before {
  content: '\E169';
}
.glyphicon-export:before {
  content: '\E170';
}
.glyphicon-send:before {
  content: '\E171';
}
.glyphicon-floppy-disk:before {
  content: '\E172';
}
.glyphicon-floppy-saved:before {
  content: '\E173';
}
.glyphicon-floppy-remove:before {
  content: '\E174';
}
.glyphicon-floppy-save:before {
  content: '\E175';
}
.glyphicon-floppy-open:before {
  content: '\E176';
}
.glyphicon-credit-card:before {
  content: '\E177';
}
.glyphicon-transfer:before {
  content: '\E178';
}
.glyphicon-cutlery:before {
  content: '\E179';
}
.glyphicon-header:before {
  content: '\E180';
}
.glyphicon-compressed:before {
  content: '\E181';
}
.glyphicon-earphone:before {
  content: '\E182';
}
.glyphicon-phone-alt:before {
  content: '\E183';
}
.glyphicon-tower:before {
  content: '\E184';
}
.glyphicon-stats:before {
  content: '\E185';
}
.glyphicon-sd-video:before {
  content: '\E186';
}
.glyphicon-hd-video:before {
  content: '\E187';
}
.glyphicon-subtitles:before {
  content: '\E188';
}
.glyphicon-sound-stereo:before {
  content: '\E189';
}
.glyphicon-sound-dolby:before {
  content: '\E190';
}
.glyphicon-sound-5-1:before {
  content: '\E191';
}
.glyphicon-sound-6-1:before {
  content: '\E192';
}
.glyphicon-sound-7-1:before {
  content: '\E193';
}
.glyphicon-copyright-mark:before {
  content: '\E194';
}
.glyphicon-registration-mark:before {
  content: '\E195';
}
.glyphicon-cloud-download:before {
  content: '\E197';
}
.glyphicon-cloud-upload:before {
  content: '\E198';
}
.glyphicon-tree-conifer:before {
  content: '\E199';
}
.glyphicon-tree-deciduous:before {
  content: '\E200';
}
.glyphicon-cd:before {
  content: '\E201';
}
.glyphicon-save-file:before {
  content: '\E202';
}
.glyphicon-open-file:before {
  content: '\E203';
}
.glyphicon-level-up:before {
  content: '\E204';
}
.glyphicon-copy:before {
  content: '\E205';
}
.glyphicon-paste:before {
  content: '\E206';
}
.glyphicon-alert:before {
  content: '\E209';
}
.glyphicon-equalizer:before {
  content: '\E210';
}
.glyphicon-king:before {
  content: '\E211';
}
.glyphicon-queen:before {
  content: '\E212';
}
.glyphicon-pawn:before {
  content: '\E213';
}
.glyphicon-bishop:before {
  content: '\E214';
}
.glyphicon-knight:before {
  content: '\E215';
}
.glyphicon-baby-formula:before {
  content: '\E216';
}
.glyphicon-tent:before {
  content: '\26FA';
}
.glyphicon-blackboard:before {
  content: '\E218';
}
.glyphicon-bed:before {
  content: '\E219';
}
.glyphicon-apple:before {
  content: '\F8FF';
}
.glyphicon-erase:before {
  content: '\E221';
}
.glyphicon-hourglass:before {
  content: '\231B';
}
.glyphicon-lamp:before {
  content: '\E223';
}
.glyphicon-duplicate:before {
  content: '\E224';
}
.glyphicon-piggy-bank:before {
  content: '\E225';
}
.glyphicon-scissors:before {
  content: '\E226';
}
.glyphicon-bitcoin:before,
.glyphicon-btc:before,
.glyphicon-xbt:before {
  content: '\E227';
}
.glyphicon-jpy:before,
.glyphicon-yen:before {
  content: '\A5';
}
.glyphicon-rub:before,
.glyphicon-ruble:before {
  content: '\20BD';
}
.glyphicon-scale:before {
  content: '\E230';
}
.glyphicon-ice-lolly:before {
  content: '\E231';
}
.glyphicon-ice-lolly-tasted:before {
  content: '\E232';
}
.glyphicon-education:before {
  content: '\E233';
}
.glyphicon-option-horizontal:before {
  content: '\E234';
}
.glyphicon-option-vertical:before {
  content: '\E235';
}
.glyphicon-menu-hamburger:before {
  content: '\E236';
}
.glyphicon-modal-window:before {
  content: '\E237';
}
.glyphicon-oil:before {
  content: '\E238';
}
.glyphicon-grain:before {
  content: '\E239';
}
.glyphicon-sunglasses:before {
  content: '\E240';
}
.glyphicon-text-size:before {
  content: '\E241';
}
.glyphicon-text-color:before {
  content: '\E242';
}
.glyphicon-text-background:before {
  content: '\E243';
}
.glyphicon-object-align-top:before {
  content: '\E244';
}
.glyphicon-object-align-bottom:before {
  content: '\E245';
}
.glyphicon-object-align-horizontal:before {
  content: '\E246';
}
.glyphicon-object-align-left:before {
  content: '\E247';
}
.glyphicon-object-align-vertical:before {
  content: '\E248';
}
.glyphicon-object-align-right:before {
  content: '\E249';
}
.glyphicon-triangle-right:before {
  content: '\E250';
}
.glyphicon-triangle-left:before {
  content: '\E251';
}
.glyphicon-triangle-bottom:before {
  content: '\E252';
}
.glyphicon-triangle-top:before {
  content: '\E253';
}
.glyphicon-console:before {
  content: '\E254';
}
.glyphicon-superscript:before {
  content: '\E255';
}
.glyphicon-subscript:before {
  content: '\E256';
}
.glyphicon-menu-left:before {
  content: '\E257';
}
.glyphicon-menu-right:before {
  content: '\E258';
}
.glyphicon-menu-down:before {
  content: '\E259';
}
.glyphicon-menu-up:before {
  content: '\E260';
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
}
a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role='button'] {
  cursor: pointer;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
  font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-size: 75%;
}
.h1,
h1 {
  font-size: 36px;
}
.h2,
h2 {
  font-size: 30px;
}
.h3,
h3 {
  font-size: 24px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 14px;
}
.h6,
h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
.small,
small {
  font-size: 85%;
}
.mark,
mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.initialism,
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:focus,
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:focus,
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:focus,
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:focus,
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dd,
dt {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
.dl-horizontal dd:after,
.dl-horizontal dd:before {
  content: ' ';
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[data-original-title],
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0;
}
blockquote .small,
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: '\2014   \A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: '';
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after {
  content: '\A0   \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, Courier New, monospace;
}
code {
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
code,
kbd {
  padding: 2px 4px;
  font-size: 90%;
}
kbd {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
/* .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
} */
/* .container:after,
.container:before {
  content: ' ';
  display: table;
} */
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  /* .container {
    width: 750px;
  } */
}
@media (min-width: 992px) {
  /* .container {
    width: 970px;
  } */
}
@media (min-width: 1200px) {
  /* .container {
    width: 1170px;
  } */
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:after,
.container-fluid:before {
  content: ' ';
  display: table;
}
.container-fluid:after {
  clear: both;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:after,
.row:before {
  content: ' ';
  display: table;
}
.row:after {
  clear: both;
}
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
}
caption,
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}
.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*='col-'] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*='col-'],
table th[class*='col-'] {
  position: static;
  float: none;
  display: table-cell;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}
fieldset {
  margin: 0;
  min-width: 0;
}
fieldset,
legend {
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type='search'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type='checkbox'],
input[type='radio'] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}
input[type='file'] {
  display: block;
}
input[type='range'] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type='checkbox']:focus,
input[type='file']:focus,
input[type='radio']:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  padding-top: 7px;
}
.form-control,
output {
  display: block;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type='date'].form-control,
  input[type='datetime-local'].form-control,
  input[type='month'].form-control,
  input[type='time'].form-control {
    line-height: 34px;
  }
  .input-group-sm > .input-group-btn > input.btn[type='date'],
  .input-group-sm > .input-group-btn > input.btn[type='datetime-local'],
  .input-group-sm > .input-group-btn > input.btn[type='month'],
  .input-group-sm > .input-group-btn > input.btn[type='time'],
  .input-group-sm > input.form-control[type='date'],
  .input-group-sm > input.form-control[type='datetime-local'],
  .input-group-sm > input.form-control[type='month'],
  .input-group-sm > input.form-control[type='time'],
  .input-group-sm > input.input-group-addon[type='date'],
  .input-group-sm > input.input-group-addon[type='datetime-local'],
  .input-group-sm > input.input-group-addon[type='month'],
  .input-group-sm > input.input-group-addon[type='time'],
  .input-group-sm input[type='date'],
  .input-group-sm input[type='datetime-local'],
  .input-group-sm input[type='month'],
  .input-group-sm input[type='time'],
  input[type='date'].input-sm,
  input[type='datetime-local'].input-sm,
  input[type='month'].input-sm,
  input[type='time'].input-sm {
    line-height: 30px;
  }
  .input-group-lg > .input-group-btn > input.btn[type='date'],
  .input-group-lg > .input-group-btn > input.btn[type='datetime-local'],
  .input-group-lg > .input-group-btn > input.btn[type='month'],
  .input-group-lg > .input-group-btn > input.btn[type='time'],
  .input-group-lg > input.form-control[type='date'],
  .input-group-lg > input.form-control[type='datetime-local'],
  .input-group-lg > input.form-control[type='month'],
  .input-group-lg > input.form-control[type='time'],
  .input-group-lg > input.input-group-addon[type='date'],
  .input-group-lg > input.input-group-addon[type='datetime-local'],
  .input-group-lg > input.input-group-addon[type='month'],
  .input-group-lg > input.input-group-addon[type='time'],
  .input-group-lg input[type='date'],
  .input-group-lg input[type='datetime-local'],
  .input-group-lg input[type='month'],
  .input-group-lg input[type='time'],
  input[type='date'].input-lg,
  input[type='datetime-local'].input-lg,
  input[type='month'].input-lg,
  input[type='time'].input-lg {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.checkbox-inline input[type='checkbox'],
.checkbox input[type='checkbox'],
.radio-inline input[type='radio'],
.radio input[type='radio'] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px\9;
}
.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: 400;
  cursor: pointer;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio-inline,
fieldset[disabled] .radio label,
fieldset[disabled] input[type='checkbox'],
fieldset[disabled] input[type='radio'],
input[type='checkbox'].disabled,
input[type='checkbox'][disabled],
input[type='radio'].disabled,
input[type='radio'][disabled] {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.input-group-sm > .input-group-btn > select.btn,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
select.input-sm {
  height: 30px;
  line-height: 30px;
}
.input-group-sm > .input-group-btn > select.btn[multiple],
.input-group-sm > .input-group-btn > textarea.btn,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.input-group-lg > .input-group-btn > select.btn,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
select.input-lg {
  height: 46px;
  line-height: 46px;
}
.input-group-lg > .input-group-btn > select.btn[multiple],
.input-group-lg > .input-group-btn > textarea.btn,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type='checkbox'],
  .form-inline .radio input[type='radio'] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
  content: ' ';
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.btn:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.focus,
.btn-default:focus {
  color: #333;
  background-color: #e6e5e5;
  border-color: #8c8c8c;
}
.btn-default.active,
.btn-default:active,
.btn-default:hover,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e5e5;
  border-color: #adadad;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .btn-default.dropdown-toggle.focus,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.active,
.btn-default:active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled].focus,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:hover,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.active,
.btn-primary:active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success.active,
.btn-success:active,
.btn-success:hover,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .btn-success.dropdown-toggle.focus,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.active,
.btn-success:active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled].focus,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info.active,
.btn-info:active,
.btn-info:hover,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .btn-info.dropdown-toggle.focus,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.active,
.btn-info:active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}
.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled].focus,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.focus,
.btn-warning:focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning.active,
.btn-warning:active,
.btn-warning:hover,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .btn-warning.dropdown-toggle.focus,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.active,
.btn-warning:active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .btn-danger.dropdown-toggle.focus,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.active,
.btn-danger:active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled.focus,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled].focus,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #337ab7;
  font-weight: 400;
  border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type='button'].btn-block,
input[type='reset'].btn-block,
input[type='submit'].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown,
.dropup {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid\9;
  content: '';
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:after,
.btn-toolbar:before {
  content: ' ';
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group-lg.btn-group > .btn + .dropdown-toggle,
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-group-lg > .btn .caret,
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-group-lg > .btn .caret,
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before {
  content: ' ';
  display: table;
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical
  > .btn-group:first-child:not(:last-child)
  > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical
  > .btn-group:last-child:not(:first-child)
  > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'],
[data-toggle='buttons'] > .btn-group > .btn input[type='radio'],
[data-toggle='buttons'] > .btn input[type='checkbox'],
[data-toggle='buttons'] > .btn input[type='radio'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*='col-'] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type='checkbox'],
.input-group-addon input[type='radio'] {
  margin-top: 0;
}
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group .form-control:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group .form-control:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn,
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:after,
.nav:before {
  content: ' ';
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li,
.nav > li > a {
  position: relative;
  display: block;
}
.nav > li > a {
  padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified,
.nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li,
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a,
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified,
.nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:focus,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.navbar:after,
.navbar:before {
  content: ' ';
  display: table;
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
.navbar-header:after,
.navbar-header:before {
  content: ' ';
  display: table;
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:after,
.navbar-collapse:before {
  content: ' ';
  display: table;
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container-fluid .navbar-brand,
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin: 8px -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
    0 1px 0 hsla(0, 0%, 100%, 0.1);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
    0 1px 0 hsla(0, 0%, 100%, 0.1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type='checkbox'],
  .navbar-form .radio input[type='radio'] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.btn-group-sm > .navbar-btn.btn,
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.btn-group-xs > .navbar-btn.btn,
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #5e5d5d;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:focus,
.navbar-default .btn-link:hover {
  color: #333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #090909;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  background-color: #090909;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: '/\A0';
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:after,
.pager:before {
  content: ' ';
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:focus,
.pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label-default {
  background-color: #777;
}
.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-group-xs > .btn .badge,
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  background-color: #eee;
}
.jumbotron,
.jumbotron .h1,
.jumbotron h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container-fluid .jumbotron,
.container .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container-fluid .jumbotron,
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
  border-color: #337ab7;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: 700;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  0% {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar-striped,
.progress-striped .progress-bar {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
  background-size: 40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(
    45deg,
    hsla(0, 0%, 100%, 0.15) 25%,
    transparent 0,
    transparent 50%,
    hsla(0, 0%, 100%, 0.15) 0,
    hsla(0, 0%, 100%, 0.15) 75%,
    transparent 0,
    transparent
  );
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  background-color: #eee;
  color: #777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-body:after,
.panel-body:before {
  content: ' ';
  display: table;
}
.panel-body:after {
  clear: both;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle,
.panel-title {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel
  > .panel-collapse
  > .list-group:first-child
  .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel
  > .panel-heading
  + .panel-collapse
  > .list-group
  .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group + .panel-footer,
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .panel-collapse > .table caption,
.panel > .table-responsive > .table caption,
.panel > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table-responsive:first-child > .table:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child,
.panel > .table:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:first-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:first-child {
  border-top-left-radius: 3px;
}
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > tbody:first-child
  > tr:first-child
  th:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  td:last-child,
.panel
  > .table-responsive:first-child
  > .table:first-child
  > thead:first-child
  > tr:first-child
  th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child,
.panel > .table:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:first-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tbody:last-child
  > tr:last-child
  th:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  td:last-child,
.panel
  > .table-responsive:last-child
  > .table:last-child
  > tfoot:last-child
  > tr:last-child
  th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal,
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0);
  transform: translate(0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:after,
.modal-header:before {
  content: ' ';
  display: table;
}
.modal-header:after {
  clear: both;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:after,
.modal-footer:before {
  content: ' ';
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
}
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  left: 5px;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: '';
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: ' ';
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: ' ';
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: ' ';
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: ' ';
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel,
.carousel-inner {
  position: relative;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: left 0.6s ease-in-out;
  transition: left 0.6s ease-in-out;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
@media (-webkit-transform-3d), (transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent;
}
.carousel-control.left {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0.0001))
  );
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5) 0,
    rgba(0, 0, 0, 0.0001)
  );
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000",endColorstr="#00000000",GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.0001)),
    to(rgba(0, 0, 0, 0.5))
  );
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.5)
  );
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#80000000",GradientType=1);
}
.carousel-control:focus,
.carousel-control:hover {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203A';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000\9;
  background-color: transparent;
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:after,
.clearfix:before {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden;
}
.sweet-overlay {
  background-color: #000;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}
.sweet-alert {
  background-color: #fff;
  font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}
@media (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  font-weight: 600;
  text-transform: none;
  margin: 25px 0;
  line-height: 40px;
  display: block;
}
.sweet-alert h2,
.sweet-alert p {
  text-align: center;
  position: relative;
  padding: 0;
}
.sweet-alert p {
  color: #797979;
  font-size: 16px;
  font-weight: 300;
  text-align: inherit;
  float: none;
  margin: 0;
  line-height: normal;
}
.sweet-alert fieldset {
  border: none;
  position: relative;
}
.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  -webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  -webkit-transition: padding 0.25s, max-height 0.25s;
  transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: #fff;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}
.sweet-alert .sa-error-container p {
  display: inline-block;
}
.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.sweet-alert .sa-input-error:after,
.sweet-alert .sa-input-error:before {
  content: '';
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}
.sweet-alert .sa-input-error:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-input-error:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sweet-alert input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sweet-alert input:focus {
  outline: none;
  -webkit-box-shadow: 0 0 3px #c4e6f5;
  box-shadow: 0 0 3px #c4e6f5;
  border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
  -webkit-transition: opacity 0.3s ease 0.03s;
  transition: opacity 0.3s ease 0.03s;
  opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
  -webkit-transition: opacity 0.3s ease 0.03s;
  transition: opacity 0.3s ease 0.03s;
  opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s ease 0.03s;
  transition: opacity 0.3s ease 0.03s;
  opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}
.sweet-alert.show-input input {
  display: block;
}
.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}
.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}
.sweet-alert button {
  background-color: #8cd4f5;
  color: #fff;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0;
  cursor: pointer;
}
.sweet-alert button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
  background-color: #7ecff4;
}
.sweet-alert button:active {
  background-color: #5dc2f1;
}
.sweet-alert button.cancel {
  background-color: #c1c1c1;
}
.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
  -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px,
    rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important;
  box-shadow: 0 0 2px rgba(197, 205, 211, 0.8),
    inset 0 0 0 1px rgba(0, 0, 0, 0.0470588) !important;
}
.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default;
}
.sweet-alert button.confirm[disabled] {
  color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}
.sweet-alert[data-has-cancel-button='false'] button {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button='false'][data-has-cancel-button='false'] {
  padding-bottom: 40px;
}
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #f27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #f8bb86;
}
.sweet-alert .sa-icon.sa-info {
  border-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-info:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-info:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #c9dae1;
}
.sweet-alert .sa-icon.sa-success {
  border-color: #a5dc86;
}
.sweet-alert .sa-icon.sa-success:after,
.sweet-alert .sa-icon.sa-success:before {
  content: '';
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success:before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success:after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  transform-origin: 0 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid hsla(98, 55%, 69%, 0.2);
  border-radius: 40px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: 50%;
  background-repeat: no-repeat;
}
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  to {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0;
  }
  to {
    top: 50%;
  }
}
@keyframes slideFromTop {
  0% {
    top: 0;
  }
  to {
    top: 50%;
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  to {
    top: 0;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  to {
    top: 0;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  to {
    top: 50%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  to {
    top: 50%;
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  to {
    top: 70%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  to {
    top: 70%;
  }
}
.showSweetAlert[data-animation='pop'] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation='none'] {
  -webkit-animation: none;
  animation: none;
}
.showSweetAlert[data-animation='slide-from-top'] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation='slide-from-bottom'] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation='pop'] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation='none'] {
  -webkit-animation: none;
  animation: none;
}
.hideSweetAlert[data-animation='slide-from-top'] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation='slide-from-bottom'] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s;
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  to {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  to {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  to {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  to {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  to {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  to {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate:after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  to {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0;
  }
  to {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s;
}
@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0;
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px;
  }
  to {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1;
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s;
}
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  to {
    border-color: #f8bb86;
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #f8d486;
  }
  to {
    border-color: #f8bb86;
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate;
}
@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  to {
    background-color: #f8bb86;
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #f8d486;
  }
  to {
    background-color: #f8bb86;
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate;
}
@-webkit-keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9;
}
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-fall.la-dark {
  color: #333;
}
.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-fall {
  width: 54px;
  height: 18px;
}
.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:first-child {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  animation-delay: 0ms;
}
.la-ball-fall.la-sm {
  width: 26px;
  height: 8px;
}
.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px;
}
.la-ball-fall.la-2x {
  width: 108px;
  height: 36px;
}
.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px;
}
.la-ball-fall.la-3x {
  width: 162px;
  height: 54px;
}
.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px;
}
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%);
  }
  10% {
    opacity: 0.5;
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  90% {
    opacity: 0.5;
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%);
  }
}
.pretty * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pretty input:not([type='checkbox']):not([type='radio']) {
  display: none;
}
.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1;
}
.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.pretty .state label {
  position: static;
  display: inline-block;
  font-weight: 400;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px);
}
.pretty .state label:after,
.pretty .state label:before {
  content: '';
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  background-color: transparent;
}
.pretty .state label:before {
  border-color: #bdc3c7;
}
.pretty .state.p-is-hover,
.pretty .state.p-is-indeterminate {
  display: none;
}
@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  to {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  to {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes jelly {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes jelly {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}
@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #bdc3c7;
    box-shadow: 0 0 0 0 #bdc3c7;
  }
  to {
    -webkit-box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0);
    box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #bdc3c7;
    box-shadow: 0 0 0 0 #bdc3c7;
  }
  to {
    -webkit-box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0);
    box-shadow: 0 0 0 1.5em hsla(204, 8%, 76%, 0);
  }
}
.pretty.p-default.p-fill .state label:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.pretty.p-default .state label:after {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important;
}
.pretty.p-default.p-thick .state label:after,
.pretty.p-default.p-thick .state label:before {
  border-width: 0.14286em;
}
.pretty.p-default.p-thick .state label:after {
  -webkit-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}
.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}
.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}
.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1;
}
.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b;
}
.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}
.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}
.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1;
}
.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.pretty.p-image input:checked ~ .state img {
  opacity: 1;
}
.pretty.p-switch input {
  min-width: 2em;
}
.pretty.p-switch .state {
  position: relative;
}
.pretty.p-switch .state:before {
  content: '';
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  -webkit-box-sizing: unset;
  box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pretty.p-switch .state label {
  text-indent: 2.5em;
}
.pretty.p-switch .state label:after,
.pretty.p-switch .state label:before {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important;
}
.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b;
}
.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0;
}
.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em;
}
.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}
.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0;
}
.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em;
}
.pretty.p-switch.p-slim .state:before {
  height: 0.1em;
  background: #bdc3c7 !important;
  top: calc(50% - 0.1em);
}
.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}
.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none;
}
.pretty.p-has-hover input:hover ~ .state.p-is-hover,
.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block;
}
.pretty.p-has-focus input:focus ~ .state label:before {
  -webkit-box-shadow: 0 0 3px 0 #bdc3c7;
  box-shadow: 0 0 3px 0 #bdc3c7;
}
.pretty.p-has-indeterminate
  input[type='checkbox']:indeterminate
  ~ .state:not(.p-is-indeterminate) {
  display: none;
}
.pretty.p-has-indeterminate
  input[type='checkbox']:indeterminate
  ~ .state.p-is-indeterminate {
  display: block;
}
.pretty.p-has-indeterminate
  input[type='checkbox']:indeterminate
  ~ .state.p-is-indeterminate
  .icon {
  display: block;
  opacity: 1;
}
.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none;
}
.pretty.p-toggle .state .icon,
.pretty.p-toggle .state.p-off,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img {
  opacity: 1;
  display: inherit;
}
.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7;
}
.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit;
}
.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none;
}
.pretty.p-plain.p-toggle .state label:before,
.pretty.p-plain input:checked ~ .state label:before {
  content: none;
}
.pretty.p-plain.p-plain .icon {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.pretty.p-round .state label:after,
.pretty.p-round .state label:before {
  border-radius: 100%;
}
.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden;
}
.pretty.p-round.p-icon .state .icon:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.pretty.p-curve .state label:after,
.pretty.p-curve .state label:before {
  border-radius: 20%;
}
.pretty.p-smooth .icon,
.pretty.p-smooth .svg,
.pretty.p-smooth label:after,
.pretty.p-smooth label:before {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pretty.p-smooth input:checked + .state label:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pretty.p-smooth.p-default input:checked + .state label:after,
.pretty.p-smooth input:checked + .state .icon,
.pretty.p-smooth input:checked + .state .svg,
.pretty.p-smooth input:checked + .state img {
  -webkit-animation: zoom 0.2s ease;
  animation: zoom 0.2s ease;
}
.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:after,
.pretty.p-tada:not(.p-default) input:checked + .state label:before {
  -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1;
}
.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}
.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent;
}
.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent;
}
.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  -webkit-animation: pulse 1s;
  animation: pulse 1s;
}
.pretty input[disabled] {
  cursor: not-allowed;
  display: none;
}
.pretty input[disabled] ~ * {
  opacity: 0.5;
}
.pretty.p-locked input {
  display: none;
  cursor: not-allowed;
}
.pretty.p-toggle .state.p-primary label:after,
.pretty input:checked ~ .state.p-primary label:after {
  background-color: #428bca !important;
}
.pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg,
.pretty input:checked ~ .state.p-primary .icon,
.pretty input:checked ~ .state.p-primary .svg {
  color: #fff;
  stroke: #fff;
}
.pretty.p-toggle .state.p-primary-o label:before,
.pretty input:checked ~ .state.p-primary-o label:before {
  border-color: #428bca;
}
.pretty.p-toggle .state.p-primary-o label:after,
.pretty input:checked ~ .state.p-primary-o label:after {
  background-color: transparent;
}
.pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg,
.pretty input:checked ~ .state.p-primary-o .icon,
.pretty input:checked ~ .state.p-primary-o .svg,
.pretty input:checked ~ .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important;
}
.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important;
}
.pretty.p-toggle .state.p-info label:after,
.pretty input:checked ~ .state.p-info label:after {
  background-color: #5bc0de !important;
}
.pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg,
.pretty input:checked ~ .state.p-info .icon,
.pretty input:checked ~ .state.p-info .svg {
  color: #fff;
  stroke: #fff;
}
.pretty.p-toggle .state.p-info-o label:before,
.pretty input:checked ~ .state.p-info-o label:before {
  border-color: #5bc0de;
}
.pretty.p-toggle .state.p-info-o label:after,
.pretty input:checked ~ .state.p-info-o label:after {
  background-color: transparent;
}
.pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg,
.pretty input:checked ~ .state.p-info-o .icon,
.pretty input:checked ~ .state.p-info-o .svg,
.pretty input:checked ~ .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important;
}
.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important;
}
.pretty.p-toggle .state.p-success label:after,
.pretty input:checked ~ .state.p-success label:after {
  background-color: #5cb85c !important;
}
.pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg,
.pretty input:checked ~ .state.p-success .icon,
.pretty input:checked ~ .state.p-success .svg {
  color: #fff;
  stroke: #fff;
}
.pretty.p-toggle .state.p-success-o label:before,
.pretty input:checked ~ .state.p-success-o label:before {
  border-color: #5cb85c;
}
.pretty.p-toggle .state.p-success-o label:after,
.pretty input:checked ~ .state.p-success-o label:after {
  background-color: transparent;
}
.pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg,
.pretty input:checked ~ .state.p-success-o .icon,
.pretty input:checked ~ .state.p-success-o .svg,
.pretty input:checked ~ .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important;
}
.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important;
}
.pretty.p-toggle .state.p-warning label:after,
.pretty input:checked ~ .state.p-warning label:after {
  background-color: #f0ad4e !important;
}
.pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg,
.pretty input:checked ~ .state.p-warning .icon,
.pretty input:checked ~ .state.p-warning .svg {
  color: #fff;
  stroke: #fff;
}
.pretty.p-toggle .state.p-warning-o label:before,
.pretty input:checked ~ .state.p-warning-o label:before {
  border-color: #f0ad4e;
}
.pretty.p-toggle .state.p-warning-o label:after,
.pretty input:checked ~ .state.p-warning-o label:after {
  background-color: transparent;
}
.pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg,
.pretty input:checked ~ .state.p-warning-o .icon,
.pretty input:checked ~ .state.p-warning-o .svg,
.pretty input:checked ~ .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important;
}
.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important;
}
.pretty.p-toggle .state.p-danger label:after,
.pretty input:checked ~ .state.p-danger label:after {
  background-color: #d9534f !important;
}
.pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg,
.pretty input:checked ~ .state.p-danger .icon,
.pretty input:checked ~ .state.p-danger .svg {
  color: #fff;
  stroke: #fff;
}
.pretty.p-toggle .state.p-danger-o label:before,
.pretty input:checked ~ .state.p-danger-o label:before {
  border-color: #d9534f;
}
.pretty.p-toggle .state.p-danger-o label:after,
.pretty input:checked ~ .state.p-danger-o label:after {
  background-color: transparent;
}
.pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg,
.pretty input:checked ~ .state.p-danger-o .icon,
.pretty input:checked ~ .state.p-danger-o .svg,
.pretty input:checked ~ .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important;
}
.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important;
}
.pretty.p-bigger .icon,
.pretty.p-bigger .img,
.pretty.p-bigger .svg,
.pretty.p-bigger label:after,
.pretty.p-bigger label:before {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important;
}
.pretty.p-bigger label {
  text-indent: 1.7em;
}
@media print {
  .pretty .state .icon,
  .pretty .state:before,
  .pretty .state label:after,
  .pretty .state label:before {
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.activity-191118 .five-box .five-tab-item ul:after,
.activity-200212 .one-box .wz4:after,
.activity-200212 .three-box .three-box-form .form-group:after,
.activity-200212 .two-box .two-box-ul li:after,
.merchants-wrap .three-box .three-box-tabitem .wz-tab:after,
.page-contact-list li:after {
  content: '';
  clear: both;
  display: table;
}
.activity-191022 .two-box li h3,
.banner-text li a h4,
.banner-text li a p,
.detail-sort li a,
.merchants-wrap .two-box .two-box-owl .item .wz h3,
.news-img-item h3,
.news-list .news-text-list a,
.page-case-item h4,
.page-next-prev a,
.promote-sure .containers .promote-sure-owl .item .wz h3,
.template-wrap .filter-item.filter-item-industry a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body {
  color: #666;
  background: #fff;
  font: 12px/1.5 microsoft yahei ui, microsoft yahei, PingFangSC-Light,
    helvetica neue, hiragino sans gb, arial, simsun, sans-serif;
}
a {
  text-decoration: none;
}
a:link,
a:visited {
  color: #666;
}
li,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a:active,
a:focus,
a:hover {
  color: #1371ff;
  text-decoration: none;
}
p {
  margin: 0;
}
h1,
h2,
h3,
h4 {
  font-size: 12px;
  font-weight: 700;
}
.len {
  width: 320px !important;
}
.len50 {
  width: 50px !important;
}
.len80 {
  width: 80px !important;
}
.len100 {
  width: 100px !important;
}
.len150 {
  width: 150px !important;
}
.len200 {
  width: 200px !important;
}
.len500 {
  width: 500px !important;
}
.font-10 {
  font-size: 10px !important;
}
.font-12 {
  font-size: 12px !important;
}
.font-13 {
  font-size: 13px !important;
}
.font-14 {
  font-size: 14px !important;
}
.font-15 {
  font-size: 15px !important;
}
.font-16 {
  font-size: 16px !important;
}
.font-18 {
  font-size: 18px !important;
}
.font-20 {
  font-size: 20px !important;
}
.font-50 {
  font-size: 50px !important;
}
.font-100 {
  font-size: 100px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-7 {
  padding-left: 7px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-119 {
  padding-left: 119px !important;
}
.pl-139 {
  padding-left: 139px !important;
}
.pl-149 {
  padding-left: 149px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-7 {
  padding-right: 7px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pt-3 {
  padding-top: 3px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-7 {
  padding-top: 7px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-3 {
  padding-bottom: 3px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-7 {
  padding-bottom: 7px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-7 {
  margin-left: 7px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-7 {
  margin-right: 7px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-7 {
  margin-top: 7px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mb-3 {
  margin-bottom: 3px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-7 {
  margin-bottom: 7px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.container-big {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container-big {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-big {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-big {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container-big {
    width: 1370px;
  }
}
a.lyxp {
  width: 10em;
  display: block;
  border: 1px solid #fff;
  line-height: 2.3em;
  border-radius: 1.4em;
  font-size: 16px;
  color: #fff;
  margin: 20px auto 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}
@media (max-width: 990px) {
  a.lyxp {
    width: 140px;
    font-size: 14px;
    margin-top: 12px;
  }
}
.header {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  padding: 15px 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header .container {
  width: 100% !important;
  padding: 0 40px;
}
.header-left {
  position: relative;
}
.header-left .logo {
  display: block;
  height: 40px;
}
.header-left .logo img {
  height: 100%;
}
.header-menu {
  width: calc(100% - 160px);
}
.menu-left {
  margin-left: 2%;
}
@media (max-width: 1440px) {
  .menu-left {
    margin-left: 2%;
  }
}
.menu-left > li {
  float: left;
  padding: 0 17px;
  position: relative;
}
@media (max-width: 1280px) {
  .menu-left > li {
    padding: 0 17px;
  }
}
@media (max-width: 1024px) {
  .menu-left > li {
    padding: 0 10px;
  }
}
.menu-left > li > a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 35px;
}
.menu-left > li.active > a,
.menu-left > li:hover > a {
  color: #03a9f4;
}
.menu-left > li.active > a:after,
.menu-left > li:hover > a:after {
  border-top-color: #03a9f4;
}
.menu-left .nav-arrow + a {
  position: relative;
}
.menu-left .nav-arrow + a:before {
  content: '';
  width: 100%;
  top: 100%;
  height: 15px;
  position: absolute;
  left: 0;
}
.menu-left .sub-nav {
  position: absolute;
  z-index: 99;
  width: 400%;
  top: 50px;
  left: 0;
  display: none;
}
.menu-left .sub-nav > li {
  background: #1c1c1c;
}
.menu-left .sub-nav > li:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 90%, 0.1);
}
.menu-left .sub-nav > li a {
  display: block;
  padding: 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu-left .sub-nav > li a:hover h3 {
  color: #03a9f4;
}
.menu-left .sub-nav > li h3 {
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menu-left .sub-nav > li .iconfont {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  margin-right: 10px;
}
.menu-left .sub-nav > li .icon-xiaochengxu3 {
  font-size: 16px;
}
.menu-left .sub-nav > li p {
  font-size: 12px;
  color: #97989c;
}
.menu-left .sub-nav > li:hover {
  background: #222;
}
.menu-left .about-sub-nav {
  width: 100%;
}
.menu-left .about-sub-nav > li h3 {
  text-align: center;
}
.menu-right {
  text-align: right;
}
.menu-right .login {
  display: inline-block;
  padding: 4px 16px;
  background: #1989fa;
  color: #fff;
  margin-left: 10px;
  border-radius: 6px;
}
.menu-right .login:hover {
  background: #4696e7;
}
.menu-right .user-info {
  color: #fff;
  font-size: 14px;
}
.menu-right .user-info .divider {
  padding: 10px;
}
.menu-right .user-info #user-email {
  padding-right: 10px;
}
.menu-right .user-info #user-logout {
  cursor: pointer;
}
.menu-right .btn-primarys {
  display: inline-block;
  padding: 0 16px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  border-radius: 0;
  background: none;
  font-size: 18px;
  line-height: 35px;
  cursor: auto;
  padding-right: 0;
}
.menu-right .btn-primarys .iconfont {
  font-size: 20px;
  margin-right: 10px;
}
.header.fix,
.header:hover {
  background: #1c1c1c;
}
@media (max-width: 990px) {
  .header {
    position: static;
    background: #000;
  }
  .header .container {
    padding: 0 15px;
  }
  .header-left {
    width: 100%;
  }
  .header-left .logo {
    padding-right: 20%;
    margin-left: 15px;
  }
  .header-left .nav-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -17px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 9px 10px;
    background: #000;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header-left .nav-btn:after,
  .header-left .nav-btn:before,
  .header-left .nav-btn span {
    display: block;
    height: 2px;
    width: 22px;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .header-left .nav-btn span {
    margin: 4px 0;
  }
  .header-left .nav-btn:after,
  .header-left .nav-btn:before {
    content: '';
    -webkit-transform-origin: 11.2%;
    transform-origin: 11.2%;
  }
  .header-left .nav-btn.active {
    padding-right: 5px;
  }
  .header-left .nav-btn.active span {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  .header-left .nav-btn.active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header-left .nav-btn.active:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 64px;
    z-index: 999;
    background: #000;
    width: 100%;
    display: none;
    padding-bottom: 10px;
  }
  .header-menu .menu-left {
    width: 100%;
    margin-left: 0;
  }
  .header-menu .menu-left > li {
    width: 100%;
    float: none;
    border-bottom: 1px solid hsla(0, 0%, 90%, 0.1);
  }
  .header-menu .menu-left > li > a {
    text-align: left;
    padding-right: 20%;
    line-height: 40px;
    padding-left: 15px;
  }
  .header-menu .menu-left > li > a:after {
    display: none;
  }
  .header-menu .menu-left .nav-arrow {
    position: absolute;
    z-index: 999;
    width: 20%;
    text-align: left;
    right: 0;
    top: 0;
    height: 40px;
  }
  .header-menu .menu-left .nav-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
    left: 50%;
    margin-left: -5px;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    border-bottom: none;
  }
  .header-menu .menu-left .nav-arrow.clicked:after,
  .header-menu .menu-left .nav-arrow:after {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
  }
  .header-menu .menu-left .nav-arrow.clicked:after {
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
    border-top: none;
  }
  .header-menu .menu-left .nav-arrow.clicked + a {
    background: #000;
    color: #03a9f4;
  }
  .header-menu .menu-left .nav-arrow.clicked + a:before {
    display: none;
  }
  .header-menu .menu-left .sub-nav {
    position: static;
    width: 100%;
  }
  .header-menu .menu-left .sub-nav > li {
    background: none;
  }
  .header-menu .menu-left .sub-nav > li a {
    display: block;
    padding: 5px 20px;
  }
  .header-menu .menu-left .sub-nav > li h3 {
    margin: 0;
    color: #ddd;
    text-align: left;
    text-indent: 5px;
  }
  .header-menu .menu-left .sub-nav > li .iconfont {
    color: #ddd;
    font-size: 14px;
  }
  .header-menu .menu-left .sub-nav > li p {
    display: none;
  }
  .header-menu .menu-right {
    width: 100%;
    text-align: center;
    padding-top: 10px;
  }
  .header-menu .menu-right a {
    width: 110px;
    margin: 0 !important;
    padding: 0;
  }
  .header:hover {
    background: #000;
  }
}
html {
  overflow-x: hidden;
}
@media (min-width: 1200px) {
  /* .container {
    width: 1200px;
  } */
}
@media (min-width: 768px) {
  .w1444 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .w1444 {
    width: 970px;
  }
}
@media (min-width: 1444px) {
  .w1444 {
    width: 1400px;
  }
}
.containers,
.w1444 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1340px) {
  .containers {
    max-width: 1340px;
    margin: 0 auto;
  }
}
.banner {
  position: relative;
  background: #24282c;
}
.banner .owl-carousel {
  display: block;
  overflow: hidden;
  position: relative;
}
@media (max-width: 710px) {
  .banner .owl-carousel {
    height: 300px;
  }
}
.banner .owl-loaded {
  height: auto !important;
}
.banner .owl-dots {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
  font-size: 0;
}
.banner .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 4px;
  padding: 0 !important;
  width: 30px;
  height: 4px;
  background: hsla(0, 0%, 100%, 0.2);
  outline: none;
}
.banner .owl-dots .owl-dot.active {
  background: #fff;
}
@media (max-width: 1440px) {
  .banner .owl-dots {
    bottom: 130px;
  }
}
@media (max-width: 1366px) {
  .banner .owl-dots {
    bottom: 100px;
  }
}
.banner .owl-wrap {
  position: relative;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.banner .owl-wrap .owl-wrap-item {
  position: absolute;
  z-index: 99;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
  margin: auto;
  left: 9.9vw;
  right: 18.75%;
  top: 50%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
.banner .owl-wrap .owl-wrap-item img {
  max-width: 100%;
  display: inline-block;
  width: auto;
}
.banner .owl-wrap .owl-wrap-item h3 {
  font-size: 36px;
  color: #fff;
  margin: 0 0 30px;
  font-weight: 600;
}
.banner .owl-wrap .owl-wrap-item h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
}
.banner .owl-wrap .owl-wrap-item h4 span {
  display: inline-block;
  line-height: 40px;
  padding: 0 25px;
  height: 40px;
  border: 1px solid hsla(0, 0%, 100%, 0.7);
  color: #fff;
  font-size: 16px;
  margin-right: 20px;
}
.banner .owl-wrap .owl-wrap-item a {
  width: 10em;
  display: block;
  border: 1px solid #fff;
  line-height: 2.3em;
  border-radius: 1.4em;
  font-size: 16px;
  color: #fff;
  margin: 30px auto 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}
.banner .owl-wrap .owl-wrap-item a:hover {
  background: #fff;
  color: #09003b;
}
.banner .owl-wrap .owl-wrap-image {
  position: relative;
  bottom: -100px;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
}
.banner .owl-wrap .owl-wrap-image img {
  max-width: 100%;
}
.banner .item-nCoV-pc {
  position: relative;
  height: 100%;
}
.banner .item-nCoV-pc .pc-bg img {
  width: 100%;
}
.banner .item-nCoV-pc .pc-text {
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.5s ease 0.3s;
  transition: all 0.5s ease 0.3s;
  left: 0;
  width: 100%;
  text-align: center;
}
.banner .item-nCoV-pc .pc-text:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.banner .item-nCoV-pc .pc-text img {
  display: inline-block !important;
  vertical-align: middle;
  max-width: 100%;
  max-height: 80%;
  width: auto !important;
}
.banner .item-nCoV-mob {
  display: none;
}
.banner .item-one {
  background: #09003b;
}
.banner .item-one .owl-wrap .owl-wrap-item {
  padding: 0 10%;
}
@media (max-width: 990px) {
  .banner .item-one .owl-wrap .owl-wrap-item {
    padding: 0;
  }
}
.banner .item-two {
  background: #131318;
}
.banner .item-two .owl-wrap-item {
  margin-top: -50px;
}
@media (max-width: 1366px) {
  .banner .item-two .owl-wrap-item {
    margin-top: -20px;
  }
}
.banner .item-three {
  background-color: #18086c;
}
.banner .item-three .owl-three-img {
  position: absolute;
  right: 18.75%;
  bottom: 0;
  width: 23%;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.banner .item-three .owl-three-img img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 720px) {
  .banner .item-three .owl-three-img {
    right: 5%;
    width: 35%;
    top: 60%;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
}
.banner .item-three .owl-wrap-item {
  text-align: left;
}
.banner .item-three .owl-wrap-item a {
  margin-left: 1px;
}
.banner .item-four {
  background-color: #0f005b;
}
.banner .item-four .owl-four-img {
  position: absolute;
  right: 15%;
  bottom: 0;
  width: 34%;
  opacity: 0;
  top: 45%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 9999;
}
.banner .item-four .owl-four-img img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 720px) {
  .banner .item-four .owl-four-img {
    right: 5%;
    width: 50%;
    top: 70%;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
}
@media (max-width: 480px) {
  .banner .item-four .owl-four-img {
    width: 40%;
  }
}
.banner .item-four .owl-wrap-item {
  text-align: left;
  top: 50%;
}
.banner .item-four .owl-wrap-item a {
  margin-left: 1px;
}
.banner .item-on1 {
  background-color: #4a37d5;
}
.banner .item-on1 .owl-on1-img {
  position: absolute;
  right: 24%;
  bottom: 0;
  width: 20%;
  opacity: 0;
  top: 31%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 9999;
}
.banner .item-on1 .owl-on1-img img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 720px) {
  .banner .item-on1 .owl-on1-img {
    right: 5%;
    width: 50%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (max-width: 480px) {
  .banner .item-on1 .owl-on1-img {
    right: 9%;
    width: 28%;
  }
}
@media (max-width: 480px) {
  .banner .item-on1 .owl-wrap-image {
    display: none;
  }
}
.banner .item-on1 .owl-wrap-item {
  text-align: left;
  top: 47%;
  left: 9.84vw;
  right: 15.1vw;
}
.banner .item-on1 .owl-wrap-item h3 {
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .banner .item-on1 .owl-wrap-item h3 {
    font-size: 22px;
  }
}
.banner .item-on1 .owl-wrap-item h4 {
  font-size: 18px;
}
@media (max-width: 1024px) {
  .banner .item-on1 .owl-wrap-item h4 {
    padding-bottom: 0;
    line-height: 24px;
  }
}
.banner .item-on1 .owl-wrap-item a {
  margin-left: 1px;
}
.banner .item-on2 {
  background-color: #4a37d5;
}
.banner .item-on2 .owl-on2-img {
  position: absolute;
  right: 24%;
  bottom: 0;
  width: 20%;
  opacity: 0;
  top: 31%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 9999;
}
.banner .item-on2 .owl-on2-img img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 720px) {
  .banner .item-on2 .owl-on2-img {
    right: 16%;
    width: 28%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media (max-width: 480px) {
  .banner .item-on2 .owl-wrap-image {
    display: none;
  }
}
.banner .item-on2 .owl-wrap-item {
  text-align: left;
  top: 47%;
  left: 9.84vw;
  right: 15.1vw;
}
.banner .item-on2 .owl-wrap-item h3 {
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .banner .item-on2 .owl-wrap-item h3 {
    font-size: 22px;
  }
}
.banner .item-on2 .owl-wrap-item h4 {
  font-size: 18px;
  margin-top: 34px;
  padding-bottom: 14px;
}
@media (max-width: 1024px) {
  .banner .item-on2 .owl-wrap-item h4 {
    padding-bottom: 0;
    line-height: 24px;
  }
}
.banner .item-on2 .owl-wrap-item a {
  margin-left: 1px;
}
.banner .item-six {
  background-color: #141545;
}
.banner .item-six .owl-six-img {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1.3s;
  transition-duration: 1.3s;
}
.banner .item-six .owl-six-img img {
  width: auto;
  max-width: 100%;
}
.banner .item-six .owl-wrap-item {
  text-align: left;
  top: 47%;
}
.banner .item-six .owl-wrap-item a {
  margin-left: 1px;
}
.banner .item-ecs {
  background: #3859da;
}
.banner .item-ecs .owl-wrap-item {
  text-align: left;
}
.banner .item-ecs .owl-wrap-item h3 {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 30px;
  color: #fefefe;
}
.banner .item-ecs .owl-wrap-item h4 {
  font-size: 16px;
  line-height: 24px;
  color: #fefefe;
}
.banner .item-ecs .owl-wrap-item a {
  margin-left: 1px;
}
.banner .item-ecs .owl-ecs-img {
  position: absolute;
  right: 14.5%;
  bottom: 5%;
  width: 35%;
  opacity: 0;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 9999;
}
.banner .item-ecs .owl-ecs-img img {
  width: auto;
  max-width: 100%;
}
.banner .item-ecs1 {
  background: #120879;
}
@media (max-width: 990px) {
  .banner .item-ecs1 .owl-wrap-image {
    display: none;
  }
}
.banner .item-ecs1 .owl-wrap-item {
  left: 9.9vw;
  top: 50%;
  text-align: left;
}
.banner .item-ecs1 .owl-wrap-item h3 {
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 30px;
  color: #fefefe;
}
@media (max-width: 990px) {
  .banner .item-ecs1 .owl-wrap-item h3 {
    margin-bottom: 22px;
  }
}
.banner .item-ecs1 .owl-wrap-item h4 {
  font-size: 18px;
  line-height: 24px;
  color: #fefefe;
}
.banner .item-ecs1 .owl-wrap-item a {
  margin-left: 1px;
}
.banner .item-ecs1 .owl-ecs1-img {
  position: absolute;
  right: 18.58%;
  top: 50%;
  width: 24.1%;
  opacity: 1;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  z-index: 9;
  text-align: center;
}
@media (max-width: 1610px) {
  .banner .item-ecs1 .owl-ecs1-img {
    right: 13.58%;
  }
}
@media (max-width: 980px) {
  .banner .item-ecs1 .owl-ecs1-img {
    right: 12%;
  }
}
@media (max-width: 480px) {
  .banner .item-ecs1 .owl-ecs1-img {
    right: 4%;
    width: 48%;
  }
}
.banner .item-ecs1 .owl-ecs1-img img {
  width: auto;
  max-width: 100%;
  display: inline;
}
.banner .item-five {
  background: #3a935d;
}
.banner .item-five .owl-wrap-image .pc-img {
  display: block;
}
.banner .item-five .owl-wrap-image .mobile-img {
  display: none;
}
@media (max-width: 768px) {
  .banner .item-five .owl-wrap-image,
  .banner .item-five .owl-wrap-image img {
    height: 100%;
  }
}
@media (max-width: 480px) {
  .banner .item-five .owl-wrap-image .pc-img {
    display: none;
  }
  .banner .item-five .owl-wrap-image .mobile-img {
    display: block;
  }
}
.banner .item-ksp {
  background: #181b2c;
  position: relative;
}
.banner .item-ksp .owl-wrap .owl-wrap-item {
  right: auto;
  width: 31.25%;
  text-align: left;
  left: 18.75%;
  margin: 0;
}
.banner .item-ksp .owl-wrap .owl-wrap-item h3 {
  font-size: 36px;
  color: #fefefe;
}
.banner .item-ksp .owl-wrap .owl-wrap-item h3 span {
  font-size: 46px;
  color: #f7b51d;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .banner .item-ksp .owl-wrap .owl-wrap-item h3 {
    font-size: 28px;
  }
  .banner .item-ksp .owl-wrap .owl-wrap-item h3 span {
    font-size: 38px;
  }
}
.banner .item-ksp .owl-wrap .owl-wrap-item a {
  margin-left: 0;
}
.banner .item-ksp .owl-ksp-img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  right: 18.75%;
  width: 31.25%;
  text-align: right;
}
.banner .item-ksp .owl-ksp-img img {
  display: inline-block;
  width: auto;
  max-width: 100%;
}
.banner .item-2020 {
  position: relative;
  background: #ba1a20;
}
.banner .item-2020 .sj {
  display: none;
}
.banner .item-2020-bg img {
  width: 100%;
}
.banner .item-2020-main {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
  z-index: 9;
  -webkit-transition: all 1s ease 0.2s;
  transition: all 1s ease 0.2s;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  opacity: 0;
}
@media (max-width: 1024px) {
  .banner .owl-wrap .owl-wrap-item h3 {
    font-size: 30px;
  }
  .banner .owl-wrap .owl-wrap-item h4 {
    font-size: 18px;
    margin-top: 15px;
    line-height: 24px;
  }
  .banner .owl-wrap .owl-wrap-item a {
    font-size: 16px;
  }
  .banner .item-ecs .owl-wrap-item h3 {
    margin-bottom: 15px;
  }
  .banner .item-ecs .owl-wrap-item h4 {
    font-size: 16px;
  }
  .banner .item-ecs .owl-wrap-item h4 br {
    display: none;
  }
  .banner .item-ecs .owl-wrap-item a {
    margin-top: 10px;
    font-size: 14px;
  }
  .banner .item-ecs .owl-wrap-item {
    right: 40%;
  }
}
@media (max-width: 990px) {
  .banner .item-nCoV-pc {
    display: none;
  }
  .banner .item-nCoV-mob {
    display: block;
    position: relative;
    height: 100%;
  }
  .banner .item-nCoV-mob .mob-bg {
    height: 100%;
    background-size: cover;
    background-position: 50%;
  }
  .banner .item-nCoV-mob .mob-text {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    text-align: center;
    -webkit-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
    -webkit-transform: scale(0);
    transform: scale(0);
    padding: 0 2%;
    left: 0;
    width: 100%;
    opacity: 0;
  }
  .banner .item-nCoV-mob .mob-text:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .banner .item-nCoV-mob .mob-text img {
    display: inline-block !important;
    vertical-align: middle;
    max-width: 100%;
    max-height: 80%;
    width: auto !important;
  }
  .banner .item {
    height: 260px;
  }
  .banner .owl-dots {
    bottom: 20px;
  }
  .banner .owl-wrap {
    text-align: center;
    height: 100%;
  }
  .banner .owl-wrap .owl-wrap-image {
    position: absolute;
  }
  .banner .owl-wrap .owl-wrap-item {
    left: 5%;
    right: 5%;
  }
  .banner .owl-wrap .owl-wrap-item h3 {
    font-size: 22px;
    margin-bottom: 12px !important;
  }
  .banner .owl-wrap .owl-wrap-item h4 {
    font-size: 15px;
    margin: 10px 0 15px;
  }
  .banner .owl-wrap .owl-wrap-item a {
    font-size: 13px;
    margin-top: 16px !important;
  }
  .banner .item-ksp .owl-wrap .owl-wrap-item {
    right: 5%;
    width: auto;
    left: 5%;
    top: 40%;
  }
  .banner .item-ksp .owl-wrap .owl-wrap-item h3 {
    font-size: 20px;
  }
  .banner .item-ksp .owl-wrap .owl-wrap-item h3 span {
    font-size: 30px;
  }
  .banner .item-ksp .owl-ksp-img {
    position: absolute;
    top: auto;
    bottom: 5%;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    right: 5%;
    width: 50%;
  }
  .banner .item-2020 .web {
    display: none;
  }
  .banner .item-2020 .sj {
    display: block;
  }
  .banner .item-2020-bg img {
    height: 100%;
  }
  .banner .item-2020-main {
    height: 100%;
    padding-top: 5%;
  }
  .banner .item-2020-main img {
    width: auto;
    height: 90%;
    display: inline-block;
  }
  .banner .item-ecs .owl-ecs-img {
    right: 0;
  }
}
.banner .active .item-nCoV-mob .mob-text,
.banner .active .item-nCoV-pc .pc-text {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.banner .active .owl-wrap .owl-wrap-item {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}
.banner .active .owl-wrap .owl-wrap-image {
  bottom: 0;
  opacity: 1;
}
@media (max-width: 990px) {
  .banner .active .owl-wrap .owl-wrap-image {
    display: none;
  }
}
.banner .active .item-ecs1 .owl-ecs1-img,
.banner .active .item-four .owl-four-img,
.banner .active .item-three .owl-three-img {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}
.banner .active .item-on1 .owl-on1-img {
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
  opacity: 1;
}
.banner .active .item-on2 .owl-on2-img {
  -webkit-transform: translateY(-16%);
  transform: translateY(-16%);
  opacity: 1;
}
.banner .active .item-six .owl-six-img {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.banner .active .item-ecs .owl-ecs-img {
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
  opacity: 1;
}
.banner .active .item-ksp .owl-ksp-img {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
}
.banner .active .item-2020-main {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.banner .item-hd1 img,
.banner .item-zq img {
  width: 100%;
}
.banner-text {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 99999;
  background: rgba(248, 247, 250, 0.08);
}
.banner-text ul {
  border-left: 1px solid hsla(0, 0%, 100%, 0.1);
}
.banner-text li {
  width: 20%;
  float: left;
  border-right: 1px solid hsla(0, 0%, 100%, 0.1);
  text-align: center;
  font-size: 13px;
  padding: 3em 0;
  color: #fff;
}
@media (max-width: 1440px) {
  .banner-text li {
    padding: 2.5em 0;
  }
}
@media (max-width: 1366px) {
  .banner-text li {
    padding: 1.5em 0;
  }
}
.banner-text li a {
  color: #fff;
}
.banner-text li a h4 {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 400;
}
.banner-text li a p {
  opacity: 0.5;
}
.banner-text li:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
@media (max-width: 990px) {
  .banner-text {
    display: none;
  }
  .banner .active .item-six .owl-six-img {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.main-product {
  padding-top: 75px;
  padding-bottom: 35px;
}
.main-product-list {
  margin-top: 40px;
}
.main-product-list .main-product-item {
  display: block;
  padding: 50px 0 25px;
  text-align: center;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.main-product-list .main-product-item .icon {
  margin-bottom: 30px;
}
.main-product-list .main-product-item .icon img {
  max-width: 140px;
}
.main-product-list .main-product-item h2 {
  font-size: 18px;
  color: #323232;
  font-weight: 400;
  margin: 20px 0 15px;
  line-height: 1;
}
.main-product-list .main-product-item p {
  font-size: 14px;
  line-height: 2;
  color: #5a5a5a;
  height: 90px;
  overflow: hidden;
}
@media (max-width: 420px) {
  .main-product-list .main-product-item p br {
    display: none;
  }
}
.main-product-list .main-product-item:hover {
  -webkit-box-shadow: 0.521px 2.954px 10px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0.521px 2.954px 10px 0 rgba(0, 0, 0, 0.16);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.index-title {
  text-align: center;
  margin-bottom: 4.16666667%;
  font-weight: 200;
}
.index-title h3 {
  font-size: 30px;
  font-weight: 200;
  color: #000;
  line-height: 1.5;
  margin: 0 0 1.66666667%;
}
.index-title P {
  font-size: 15px;
  color: #666;
}
.index-title.white h3,
.index-title.white p {
  color: #fff;
}
@media (max-width: 640px) {
  .index-title {
    padding: 0 10%;
  }
}
@media (max-width: 990px) {
  .main-product {
    padding: 30px 0;
  }
  .main-product-list .main-product-item {
    padding: 20px 0;
  }
  .main-product-list .main-product-item .iconfont {
    font-size: 50px;
  }
  .main-product-list .main-product-item h2 {
    font-size: 16px;
    margin: 10px 0 5px;
  }
  .main-product-list .main-product-item p {
    font-size: 14px;
    height: 84px;
  }
  .index-title h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .index-title P {
    font-size: 14px;
  }
}
.about {
  background: #f6f6f6;
  padding: 50px 0;
}
.about-content {
  text-align: center;
  position: relative;
  margin: 0 -15px;
}
.about-content h3 {
  font-weight: 400;
  margin: 0 0 30px;
  font-size: 34px;
  color: #333;
  line-height: 1.6;
}
.about-content .about-info {
  font-size: 15px;
  color: #666;
  line-height: 2.7;
  margin-bottom: 30px;
}
.index-more {
  text-align: center;
}
.index-more a {
  display: inline-block;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  background: #03a9f4;
  border-radius: 2.5em;
  width: 190px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.index-more a:hover {
  color: #fff;
  background: #0083cc;
}
.index-more.white a {
  border-color: #fff;
  color: #fff;
}
.index-more.white a:hover {
  background: #fff;
  color: #03a9f4;
}
@media (max-width: 990px) {
  .about {
    padding: 30px 0;
  }
  .about-content {
    margin: 0;
  }
  .about-content h3 {
    margin: 0 0 15px;
    font-size: 22px;
  }
  .about-content .about-info {
    font-size: 14px;
    line-height: 2;
  }
  .index-more a {
    font-size: 14px;
  }
}
.template {
  padding: 8.85416667% 0;
  background: url(../images/product/b91a2ff93erdutvc.png) no-repeat 50%;
  background-attachment: fixed;
  background-size: cover;
}
.template-img {
  position: relative;
  margin-top: 6.66666667%;
  text-align: center;
}
.template-img a {
  display: inline-block;
  width: 190px;
  line-height: 42px;
  text-align: center;
  background: #00ade9;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.template-img a:hover {
  background: #0083cc;
}
@media (max-width: 990px) {
  .template {
    padding: 30px 0;
  }
  .template .template-img a {
    width: 100px;
    line-height: 30px;
    font-size: 12px;
  }
}
.case {
  padding: 45px 0;
  padding-bottom: 60px;
}
@media (min-width: 990px) {
  .case-list {
    margin: 75px -20px 0;
  }
  .case-list div[class*='col-'] {
    padding: 0 20px;
  }
}
.case-list .case-item {
  margin-bottom: 60px;
  -webkit-box-shadow: 0.521px 2.954px 10px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0.521px 2.954px 10px 0 rgba(0, 0, 0, 0.16);
}
.case-list .case-item a {
  display: block;
  overflow: hidden;
}
.case-list .case-item a img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.case-list .case-item a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.case .case-item a h3 {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.case .case-item a:hover h3 {
  color: #00ade9;
}
.template-slick {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
.template-slick .owl-nav {
  display: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.template-slick .owl-nav .owl-next,
.template-slick .owl-nav .owl-prev {
  position: absolute;
  z-index: 99;
  outline: none;
  border: none;
  font-size: 0 !important;
  top: 45%;
  width: 20px;
  height: 38px;
  margin-top: -19px;
}
.template-slick .owl-nav .owl-prev {
  background: url(../images/case-ljt.png) 50% no-repeat !important;
  left: -50px;
}
.template-slick .owl-nav .owl-prev:hover {
  background: url(../images/case-ljt1.png) 50% no-repeat !important;
}
.template-slick .owl-nav .owl-next {
  background: url(../images/case-rjt.png) 50% no-repeat !important;
  right: -50px;
}
.template-slick .owl-nav .owl-next:hover {
  background: url(../images/case-rjt1.png) 50% no-repeat !important;
}
.template-slick .slick-con {
  display: block;
  padding: 30px 10px;
}
.template-slick .slick-con img {
  display: inline-block;
  width: 100%;
  -webkit-box-shadow: 0 12px 8px -12px rgba(12, 4, 8, 0.1);
  box-shadow: 0 12px 8px -12px rgba(12, 4, 8, 0.1);
}
.case:hover .template-slick .owl-nav {
  display: block;
}
@media (max-width: 990px) {
  .case {
    padding: 30px 0;
  }
  .case-list {
    margin-top: 40px;
  }
  .case-list .case-item {
    margin-bottom: 30px;
  }
}
.news {
  padding: 63px 0;
}
.news-list {
  margin-top: 60px;
}
.news-img-item {
  margin-bottom: 20px;
}
.news-img-item a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
}
.news-img-item .img {
  display: block;
  overflow: hidden;
}
.news-img-item .img img {
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-img-item h3 {
  border: 1px solid #eee;
  border-top: none;
  margin: 0;
  padding: 14px 12px;
  font-weight: 400;
  line-height: 25px;
  font-size: 14px;
  color: #444;
}
.news-img-item:hover a {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.news-img-item:hover .img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.news-img-item:hover h3 {
  color: #03a9f4;
}
.news-list .news-text-list ul {
  padding: 10px 0;
  margin: 0 15px;
  border: 1px solid #eee;
}
.news-list .news-text-list a {
  font-size: 14px;
  color: #444;
  line-height: 28px;
  display: block;
}
.news-list .news-text-list a span {
  font-size: 12px;
  color: #666;
  float: right;
}
.news-list .news-text-list a:hover {
  color: #03a9f4;
}
@media (max-width: 990px) {
  .news {
    padding: 30px 0;
  }
  .news .news-list {
    margin-top: 30px;
  }
}
.links {
  padding: 50px 0;
}
.links .links-title {
  text-align: center;
  font-size: 30px;
  color: #000;
  line-height: 1.5;
  padding-bottom: 25px;
  margin-bottom: 20px;
  font-weight: 400;
}
.links .links-list li {
  float: left;
  display: block;
  text-align: center;
  width: 20%;
  height: 50px;
  padding: 0 2.5%;
  margin: 20px 0;
}
.links .links-list li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.links .links-list li:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.links .links-list li img {
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.links .links-list li:hover img {
  opacity: 1;
}
@media (max-width: 768px) {
  .links {
    padding: 30px 0;
    padding-top: 0;
  }
  .links .links-title {
    font-size: 20px;
    margin: 0;
  }
  .links .links-list li {
    height: 30px;
    margin: 10px 0;
    width: 33.333%;
  }
  .links .links-list li:nth-of-type(10) {
    display: none;
  }
}
.application {
  background: url(../images/product/915089a913jdtq3f.png) top no-repeat;
  background-size: cover;
  padding: 7.8125% 0;
}
.application .index-more {
  margin-top: 30px;
}
.application .white a {
  background: #00ade9;
}
.application .white a:hover {
  background: #0083cc;
  color: #fff;
}
#anchor {
  line-height: 60px;
  border-bottom: 1px solid #e1e8ec;
}
#anchor .container .anchor {
  font-size: 14px;
}
#anchor .container .anchor span {
  margin: 0 10px;
}
#anchor .container .anchor a {
  color: #666;
}
#anchor .container .anchor a:hover {
  color: #03a9f4;
}
@media (max-width: 768px) {
  #anchor {
    padding-top: 5px;
    display: none;
  }
}
.map-index {
  background: #f8f8f8;
  padding: 50px 0;
  display: none;
}
.map-index .map-content .map-img {
  width: 930px;
  height: 621px;
  position: relative;
  float: left;
}
.map-index .map-content .map-img .point-area {
  position: absolute;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  width: 34px;
  height: 34px;
  visibility: visible;
  opacity: 1;
}
.map-index .map-content .map-img .point-area span {
  position: absolute;
  width: 50px;
}
.map-index .map-content .map-img .point-area .point-dot {
  z-index: 1;
  background-color: #3bbdf7;
  display: block;
  border: 1px solid rgba(59, 189, 247, 0.37);
}
.map-index .map-content .map-img .point-area .point-dot.suzhou {
  background-color: #fd6e2e;
  border: 1px solid rgba(253, 110, 46, 0.37);
}
.map-index .map-content .map-img .point-area .point {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  border-radius: 50%;
}
.map-index .map-content .map-img .point-area div.point {
  width: 100%;
  height: 100%;
}
.map-index .map-content .map-img .point-area div.point:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  border: 2px solid #00cdec;
  opacity: 0;
  -webkit-animation: ripple 4.5s ease-out 225ms infinite;
  animation: ripple 4.5s ease-out 225ms infinite;
}
.map-index .map-content .map-img .point-area div.suzhou:after {
  border-color: #f0082f;
}
.map-index .map-content .map-img .point-area div.point-70:after {
  -webkit-animation: ripple 4.5s ease-out 1.57s infinite;
  animation: ripple 4.5s ease-out 1.57s infinite;
}
.map-index .map-content .map-text {
  padding: 10px 0;
  text-align: right;
  float: right;
}
.map-index .map-content .map-text li {
  padding: 20px 10px;
  position: relative;
}
.map-index .map-content .map-text li .num {
  position: relative;
  font-size: 44px;
  font-weight: 700;
  height: 44px;
  padding-right: 20px;
}
.map-index .map-content .map-text li span {
  position: absolute;
  top: 15px;
  right: 6px;
  font-size: 31px;
  font-weight: 400;
}
.map-index .map-content .map-text li .txt {
  font-size: 16px;
  line-height: 74px;
}
@media (max-width: 1200px) {
  .map-index .map-content .map-text {
    width: 100%;
    text-align: left;
    padding-top: 30px;
  }
  .map-index .map-content .map-text li {
    float: left;
    width: 25%;
    padding-bottom: 0;
  }
  .map-index .map-content .map-text li .num span {
    position: static;
    margin-top: -15px;
  }
}
@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.banner-texts {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.banner-texts ul li {
  float: left;
  width: 25%;
  padding: 35px 0;
  padding-left: 40px;
  border-right: 1px solid hsla(0, 0%, 100%, 0.1);
}
.banner-texts ul li .imgs {
  float: left;
  width: 56px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  -webkit-transition: all 1.8s ease;
  transition: all 1.8s ease;
  position: relative;
}
.banner-texts ul li .imgs .images1,
.banner-texts ul li .imgs .images2 {
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 0;
}
.banner-texts ul li .wenzi {
  float: left;
  margin-left: 18px;
  padding-top: 8px;
}
.banner-texts ul li .wenzi h3 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}
.banner-texts ul li .wenzi span {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 14px;
  margin-top: 10px;
}
.banner-texts ul li:hover .imgs {
  background: #009cff;
}
.banner-texts ul li:hover .imgs .images1,
.banner-texts ul li:hover .imgs .images2 {
  top: -56px;
}
@media (max-width: 1366px) {
  .banner-texts ul li {
    padding: 15px 0;
  }
}
@media (max-width: 1024px) {
  .banner-texts ul li {
    padding: 10px 0;
    padding-left: 10px;
  }
  .banner-texts ul li .wenzi {
    margin-left: 12px;
  }
}
@media (max-width: 768px) {
  .banner-texts {
    display: none;
  }
}
.search1 {
  padding: 30px 0;
  max-width: 840px;
  font-size: 0;
  margin: 0 auto;
}
.search1 input {
  background: none;
  outline: none;
}
.search1 .keyword1 {
  border: 1px solid #e9e9e9;
  width: 75%;
  font-size: 16px;
  color: #c4c4c4;
  line-height: 64px;
  text-indent: 24px;
}
.search1 .btn1 {
  background: #0d9ffd;
  width: 25%;
  line-height: 64px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border: none;
}
@media (max-width: 768px) {
  .search1 .btn1,
  .search1 .keyword1 {
    line-height: 40px;
  }
}
.sample-product {
  background: #f7f7f7;
  padding-top: 75px;
  padding-bottom: 85px;
}
.sample-product canvas {
  opacity: 0.3 !important;
}
.sample-product .product-title {
  text-align: center;
}
.sample-product .product-title h3 {
  font-size: 36px;
  font-weight: 400;
  color: #333;
  line-height: 36px;
  text-align: center;
  margin: 0;
}
.sample-product .product-title span {
  display: block;
  font-size: 18px;
  color: #999;
  line-height: 18px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .sample-product .product-title h3 {
    font-size: 20px;
  }
  .sample-product .product-title span {
    font-size: 14px;
    margin-top: 0;
  }
}
.sample-product .index_step3 {
  margin-top: 60px;
  position: relative;
}
.sample-product .index_step3 .swiper-button-next,
.sample-product .index_step3 .swiper-button-prev {
  outline: none;
}
.sample-product .index_step3 .swiper-button-prev {
  position: absolute;
  left: -5%;
  top: 50%;
}
.sample-product .index_step3 .swiper-button-next {
  position: absolute;
  right: -5%;
  top: 50%;
}
@media (max-width: 1024px) {
  .sample-product .index_step3 .swiper-button-next,
  .sample-product .index_step3 .swiper-button-prev {
    display: none;
  }
}
.sample-product .index_step3 .swiper-slide {
  text-align: left;
  background: #fff;
  height: 510px;
  position: relative;
}
@media (max-width: 320px) {
  .sample-product .index_step3 .swiper-slide {
    height: 460px;
  }
}
.sample-product .index_step3 .swiper-slide .ptitle {
  padding-bottom: 25px;
  padding-top: 25px;
  border-bottom: 1px solid #e3e3e3;
  padding-left: 10%;
  line-height: 1.5;
  background: #ececec;
}
@media (max-width: 1024px) {
  .sample-product .index_step3 .swiper-slide .ptitle {
    padding-left: 3%;
  }
}
@media (max-width: 320px) {
  .sample-product .index_step3 .swiper-slide .ptitle {
    padding-left: 5%;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.sample-product .index_step3 .swiper-slide .ptitle span {
  display: block;
  font-weight: 400;
}
.sample-product .index_step3 .swiper-slide .ptitle .ptitle-t {
  font-size: 24px;
  color: #333;
}
.sample-product .index_step3 .swiper-slide .ptitle .ptitle-p {
  font-size: 16px;
  color: #888;
}
.sample-product .index_step3 .swiper-slide .ptitle:after {
  height: 50px;
  border-left: 4px solid #ececec;
  content: '';
  position: absolute;
  top: 34px;
  left: 1px;
}
@media (max-width: 768px) {
  .sample-product .index_step3 .swiper-slide .ptitle {
    background: #099efd;
  }
  .sample-product .index_step3 .swiper-slide .ptitle .ptitle-t {
    color: #fff;
    font-weight: 600;
    font-size: 20px;
  }
  .sample-product .index_step3 .swiper-slide .ptitle .ptitle-p {
    font-size: 13px;
    color: #fff;
  }
  .sample-product .index_step3 .swiper-slide .ptitle:after {
    border-color: #fff;
    top: 5%;
  }
}
@media (max-width: 320px) {
  .sample-product .index_step3 .swiper-slide .ptitle:after {
    top: 3%;
  }
}
.sample-product .index_step3 .swiper-slide .p-active-t {
  background: #099efd;
}
.sample-product .index_step3 .swiper-slide .p-active-t .ptitle-t {
  color: #fff;
  font-weight: 600;
}
.sample-product .index_step3 .swiper-slide .p-active-t .ptitle-p {
  color: #fff;
}
.sample-product .index_step3 .swiper-slide .p-active-t:after {
  height: 50px;
  border-left: 4px solid #fff;
  content: '';
  position: absolute;
  top: 34px;
  left: 0;
}
@media (max-width: 768px) {
  .sample-product .index_step3 .swiper-slide .p-active-t:after {
    top: 5%;
  }
}
@media (max-width: 320px) {
  .sample-product .index_step3 .swiper-slide .p-active-t:after {
    top: 3%;
  }
}
.sample-product .index_step3 .swiper-slide .detail {
  padding: 30px;
}
.sample-product .index_step3 .swiper-slide .detail h3 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 16px;
  margin-top: 0;
  margin-bottom: 25px;
}
.sample-product .index_step3 .swiper-slide .detail .wz1 {
  padding-bottom: 20px;
  border-bottom: 1px dashed #f0f0f0;
}
.sample-product .index_step3 .swiper-slide .detail .wz2 {
  margin-top: 30px;
}
.sample-product .index_step3 .swiper-slide .detail ul li {
  font-size: 14px;
  color: #000;
  line-height: 16px;
  background: url(../images/product/e91d80ba57ykmhba.png) no-repeat 0;
  padding-left: 28px;
  width: 50%;
  float: left;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .sample-product .index_step3 .swiper-slide .detail ul li {
    width: 100%;
    background: url(../images/product/07c45f059ft8ys8n.png) no-repeat 0;
  }
}
@media (max-width: 320px) {
  .sample-product .index_step3 .swiper-slide .detail {
    padding: 20px;
  }
  .sample-product .index_step3 .swiper-slide .detail .wz1 {
    padding-bottom: 10px;
  }
  .sample-product .index_step3 .swiper-slide .detail .wz2 {
    margin-top: 15px;
  }
  .sample-product .index_step3 .swiper-slide .detail h3 {
    margin-bottom: 15px;
  }
  .sample-product .index_step3 .swiper-slide .detail ul li {
    margin-bottom: 8px;
  }
}
.sample-product .index_step3 .swiper-slide .product-more {
  width: 100%;
  position: absolute;
  font-size: 0;
  display: none;
  left: 0;
  bottom: 0;
}
.sample-product .index_step3 .swiper-slide .product-more a {
  display: inline-block;
  width: 50%;
  line-height: 48px;
  font-size: 14px;
  color: #069efe;
  text-align: center;
  border: 1px solid #13a1fb;
}
.sample-product .index_step3 .swiper-slide .product-more a:first-child {
  background: #069efe;
  color: #fff;
}
.sample-product .index_step3 .p-active {
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  width: 480px;
  top: 0 !important;
  height: 540px;
  -webkit-box-shadow: 8px 5px 59px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 8px 5px 59px 0 rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.sample-product .index_step3 .p-active .detail ul li {
  background: url(//static.cn86.cn/img/2020/04/07c45f059ft8ys8n.png) no-repeat 0;
}
.sample-product .index_step3 .p-active .product-more {
  display: block;
}
@media (max-width: 768px) {
  .sample-product {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sample-product .index_step3 {
    margin-top: 15px;
  }
}
.sample-case {
  margin-top: 61px;
}
@media (max-width: 768px) {
  .sample-case {
    margin-top: 20px;
  }
}
.sample-case .sample-title h3 {
  font-size: 36px;
  font-weight: 400;
  color: #333;
  line-height: 36px;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .sample-case .sample-title h3 {
    font-size: 20px;
  }
}
.sample-case .case-cate {
  text-align: center;
  font-size: 0;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .sample-case .case-cate {
    margin-top: 0;
  }
}
.sample-case .case-cate li {
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  padding: 0 20px;
  border-right: 1px solid #999;
}
@media (max-width: 768px) {
  .sample-case .case-cate li {
    font-size: 14px;
    padding: 0 15px;
  }
}
.sample-case .case-cate li:hover a {
  color: #00ace8;
}
.sample-case .case-cate li:last-child {
  border: none;
}
.sample-case .case-cate li a {
  color: #999;
}
.sample-case .case-con {
  margin-top: 46px;
}
.sample-case .case-con .sample-case-list .case-item {
  margin-bottom: 29px;
  overflow: hidden;
}
.sample-case .case-con .sample-case-list .case-item a {
  display: block;
  position: relative;
}
.sample-case .case-con .sample-case-list .case-item img.imgall {
  width: 100%;
}
.sample-case .case-con .sample-case-list .case-item h3 {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  line-height: 60px;
  background: #f8f8f8;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .sample-case .case-con .sample-case-list .case-item h3 {
    line-height: 20px;
    padding: 10px;
    font-size: 13px;
  }
}
.sample-case .case-con .sample-case-list .case-item:hover h3 {
  background: #00ace8;
  color: #fff;
}
.sample-advantage {
  padding: 60px 0;
  background: url(//static.cn86.cn/img/2020/05/10d86e536dugudmb.jpg) no-repeat
    50%;
  background-size: cover;
  margin-top: 60px;
}
@media (max-width: 768px) {
  .sample-advantage {
    margin-top: 20px;
    padding: 30px 0;
  }
}
.sample-advantage .advantage-title {
  text-align: center;
}
.sample-advantage .advantage-title h3 {
  font-size: 36px;
  color: #fff;
  line-height: 36px;
  font-weight: 400;
}
.sample-advantage .advantage-title span {
  display: block;
  font-size: 18px;
  color: #fff;
  line-height: 18px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .sample-advantage .advantage-title h3 {
    font-size: 20px;
  }
  .sample-advantage .advantage-title span {
    font-size: 14px;
    margin-top: 0;
  }
}
.sample-advantage .advantage-con {
  padding: 0 40px;
  margin-top: 80px;
}
.sample-advantage .advantage-con .advantage-list .advantage-tu {
  float: left;
}
.sample-advantage .advantage-con .advantage-list .advantage-tu img {
  max-width: 100%;
}
.sample-advantage .advantage-con .advantage-list .advantage-wz {
  float: right;
  width: 41%;
  padding-bottom: 10%;
}
.sample-advantage .advantage-con .advantage-list .advantage-wz h3 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 0;
}
.sample-advantage .advantage-con .advantage-list .advantage-wz i {
  display: block;
  width: 42px;
  height: 3px;
  background: #fff;
  margin-top: 25px;
}
.sample-advantage .advantage-con .advantage-list .advantage-wz span {
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .sample-advantage .advantage-con .advantage-list .advantage-tu {
    width: 45%;
  }
  .sample-advantage .advantage-con .advantage-list .advantage-wz {
    width: 50%;
  }
  .sample-advantage .advantage-con .advantage-list .advantage-wz h3 {
    margin-top: 20px;
  }
  .sample-advantage .advantage-con .advantage-list .advantage-wz i,
  .sample-advantage .advantage-con .advantage-list .advantage-wz span {
    margin-top: 15px;
  }
}
@media (max-width: 768px) {
  .sample-advantage .advantage-con {
    margin-top: 20px;
    padding: 0 15px;
  }
  .sample-advantage .advantage-con .advantage-list .advantage-tu,
  .sample-advantage .advantage-con .advantage-list .advantage-wz {
    float: none;
    width: 100%;
  }
  .sample-advantage .advantage-con .advantage-list .advantage-wz h3 {
    margin-top: 10px;
    font-size: 20px;
  }
  .sample-advantage .advantage-con .advantage-list .advantage-wz i {
    margin-top: 10px;
  }
  .sample-advantage .advantage-con .advantage-list .advantage-wz span {
    font-size: 15px;
    margin-top: 10px;
  }
}
.sample-advantage .advantage-cate {
  max-width: 463px;
  margin: 0 auto;
  margin-top: 20px;
  background: #fff;
  border-radius: 50px;
  position: relative;
}
.sample-advantage .advantage-cate ul {
  text-align: center;
  font-size: 0;
}
.sample-advantage .advantage-cate ul li {
  display: inline-block;
  width: 33.3%;
  font-size: 16px;
  color: #333;
  line-height: 48px;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  cursor: pointer;
}
.sample-advantage .advantage-cate ul li.cur {
  color: #fff;
}
.sample-advantage .advantage-cate .gl {
  width: 170px;
  height: 48px;
  border-radius: 50px;
  background: #00ace8;
  position: absolute;
  top: 0;
  left: 0;
}
.sample-advantage .advantage-cate .gl:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #00ace8;
  position: absolute;
  top: -5px;
  left: 45%;
}
@media (max-width: 768px) {
  .sample-advantage .advantage-cate .gl {
    width: 120px;
  }
}
.sample-praise {
  margin-top: 60px;
  position: relative;
  padding-bottom: 80px;
}
@media (max-width: 768px) {
  .sample-praise {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
.sample-praise:after {
  content: '';
  display: block;
  width: 100%;
  height: 46%;
  background: #f8f8f8;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.sample-praise .praise-title {
  text-align: center;
}
.sample-praise .praise-title h3 {
  font-size: 36px;
  font-weight: 400;
  color: #333;
  line-height: 36px;
  text-align: center;
  margin: 0;
}
.sample-praise .praise-title span {
  display: block;
  font-size: 18px;
  color: #999;
  margin-top: 20px;
  line-height: 20px;
}
@media (max-width: 768px) {
  .sample-praise .praise-title h3 {
    font-size: 20px;
  }
  .sample-praise .praise-title span {
    font-size: 14px;
    margin-top: 0;
  }
}
.sample-praise .prsise-list {
  margin-top: 55px;
}
.sample-praise .prsise-list .owl-stage-outer {
  padding-bottom: 10px;
  padding-top: 10px;
}
.sample-praise .prsise-list .praise-item {
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sample-praise .prsise-list .praise-item img {
  width: 100%;
}
.sample-praise .prsise-list .praise-item:hover {
  top: -10px;
}
.sample-praise .prsise-list .praise-item:hover .praise-wz {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.sample-praise .prsise-list .praise-item .praise-wz {
  background: #fff;
  padding: 20px;
}
.sample-praise .prsise-list .praise-item .praise-wz h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  color: #333;
  line-height: 18px;
}
.sample-praise .prsise-list .praise-item .praise-wz span {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 21px;
  padding-bottom: 11px;
  border-bottom: 1px solid #efefef;
  margin-top: 10px;
}
.sample-praise .prsise-list .praise-item .praise-wz a {
  display: block;
  font-size: 12px;
  color: #999;
  font-family: Arial;
  background: url(//static.cn86.cn/img/2020/04/08b160f419puwdet.png) no-repeat 0;
  padding-left: 34px;
  line-height: 12px;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .sample-praise .prsise-list {
    margin-top: 25px;
  }
  .sample-praise .prsise-list .praise-item {
    margin-bottom: 15px;
  }
}
.sample-news {
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .sample-news {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.sample-news .news-title h3 {
  font-size: 36px;
  font-weight: 400;
  color: #333;
  line-height: 36px;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .sample-news .news-title h3 {
    font-size: 20px;
  }
}
.sample-news .news-cate {
  text-align: center;
  font-size: 0;
  margin-top: 20px;
}
.sample-news .news-cate li {
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  padding: 0 20px;
  border-right: 1px solid #999;
}
.sample-news .news-cate li.cur a {
  color: #00ace8;
}
.sample-news .news-cate li:last-child {
  border: none;
}
.sample-news .news-cate li a {
  color: #999;
}
@media (max-width: 768px) {
  .sample-news .news-cate {
    margin-top: 10px;
  }
  .sample-news .news-cate li {
    font-size: 13px;
    margin: 5px 0;
  }
}
.sample-news .news-con {
  margin-top: 75px;
}
@media (max-width: 768px) {
  .sample-news .news-con {
    margin-top: 25px;
  }
}
.sample-news .news-con .news-left {
  float: left;
  width: 36.5%;
  position: relative;
}
@media (max-width: 1024px) {
  .sample-news .news-con .news-left {
    float: none;
    width: 100%;
  }
}
.sample-news .news-con .news-left .left-list {
  background: #f8f8f8;
  padding-bottom: 55px;
}
.sample-news .news-con .news-left .left-list a.image {
  display: block;
  position: relative;
}
.sample-news .news-con .news-left .left-list a.image h3 {
  margin: 0;
  position: absolute;
  width: 100%;
  line-height: 54px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 99;
  bottom: 0;
  left: 0;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .sample-news .news-con .news-left .left-list a.image h3 {
    font-size: 14px;
    line-height: 40px;
  }
}
.sample-news .news-con .news-left .left-list span {
  display: block;
  background: #f8f8f8;
  padding: 22px 20px 0;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.sample-news .news-con .news-left .owl-dots {
  width: 80%;
  position: absolute;
  bottom: 5%;
  left: 20px;
}
.sample-news .news-con .news-left .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 4px;
  padding: 0 !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c5c5c5;
  outline: none;
}
.sample-news .news-con .news-left .owl-dots .owl-dot.active {
  background: #00ace8;
}
.sample-news .news-con .news-right {
  float: right;
  width: 60%;
  margin-top: 8px;
}
.sample-news .news-con .news-right .right-list ul li {
  float: left;
  width: 48%;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 25px;
  margin-bottom: 40px;
}
.sample-news .news-con .news-right .right-list ul li span {
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 12px;
}
.sample-news .news-con .news-right .right-list ul li h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sample-news .news-con .news-right .right-list ul li h3 a {
  color: #333;
}
.sample-news .news-con .news-right .right-list ul li p {
  font-size: 12px;
  color: #999;
  line-height: 12px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 12px;
}
.sample-news .news-con .news-right .right-list ul li:hover {
  border-color: #00ace8;
}
.sample-news .news-con .news-right .right-list ul li:hover h3 a {
  color: #00ace8;
}
.sample-news .news-con .news-right .right-list ul li:nth-child(2n) {
  float: right;
}
@media (max-width: 1024px) {
  .sample-news .news-con .news-right {
    float: none;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .sample-news .news-con .news-right .right-list ul li {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .sample-news .news-con .news-right .right-list ul li h3 {
    font-size: 15px;
  }
}
.bannerzi {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 11;
  background: hsla(0, 0%, 100%, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  color: #fffefe;
  font-size: 16px;
  text-align: center;
}
.bannerzi a {
  display: block;
  margin-left: 35px;
  width: 130px;
  line-height: 32px;
  background-image: linear-gradient(
    101deg,
    #5466fb,
    #4393fd 0,
    #32c0ff 0,
    #0a54ff
  );
  border-radius: 5px;
  color: #fffefe;
  font-size: 12px;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  background-size: 200% 100%;
}
.bannerzi a:hover {
  background-position: 100% 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.bannerzi a img {
  vertical-align: baseline;
}
h2.bt {
  text-align: center;
  line-height: 1;
  margin: 0;
}
h2.bt b {
  display: block;
  font-size: 32px;
  color: #242f40;
}
@media (max-width: 780px) {
  h2.bt b {
    font-size: 24px;
  }
}
h2.bt p {
  font-weight: 500;
  margin-top: 20px;
  color: #9aa7b9;
  font-size: 14px;
}
@media (max-width: 780px) {
  h2.bt p {
    margin-top: 14px;
  }
}
@media (max-width: 480px) {
  h2.bt p {
    margin-top: 8px;
    line-height: 24px;
  }
}
.c1 {
  padding-bottom: 3.75vw;
  padding-top: 3.54vw;
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1530px) {
  .c1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 780px) {
  .c1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .c1 {
    padding-bottom: 24px;
  }
}
.c1 .con {
  margin-top: 2.08vw;
}
@media (max-width: 780px) {
  .c1 .con {
    margin-top: 20px;
  }
}
.c1 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 480px) {
  .c1 .con .list1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .c1 .con .list1 li {
    width: 49%;
    margin-bottom: 16px;
  }
}
.c1 .con .list1 li .img {
  line-height: 154px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media (max-width: 780px) {
  .c1 .con .list1 li .img {
    line-height: 100px;
    margin-bottom: 6px;
  }
}
@media (max-width: 780px) {
  .c1 .con .list1 li .img img {
    max-height: 100px;
  }
}
.c1 .con .list1 li .zi h3 {
  font-weight: 500;
  font-size: 22px;
  color: #242f40;
  margin: 0;
}
@media (max-width: 780px) {
  .c1 .con .list1 li .zi h3 {
    font-size: 18px;
  }
}
.c1 .con .list1 li .zi dd {
  font-size: 14px;
  line-height: 24px;
  color: #5b6b82;
  margin-top: 18px;
}
@media (max-width: 1025px) {
  .c1 .con .list1 li .zi dd br {
    display: none;
  }
}
@media (max-width: 780px) {
  .c1 .con .list1 li .zi dd {
    margin-top: 8px;
  }
}
.c1 .con .list1 li:hover .img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.c1 .con .list1 .su {
  padding-top: 9.6%;
}
@media (max-width: 1450px) {
  .c1 .con .list1 .su {
    padding-top: 10.5%;
  }
}
@media (max-width: 780px) {
  .c1 .con .list1 .su {
    display: none;
  }
}
.c1 .con .list1 .su img {
  max-width: 100%;
}
.c1 .con .list1 .su:last-child {
  display: none;
}
.cec1 {
  padding: 3.54vw 4.74vw 3.13vw;
  background: url(../images/product/6c3bca2668vufvho.png) no-repeat 100% 0;
  background-size: cover;
}
@media (max-width: 1530px) {
  .cec1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 780px) {
  .cec1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .cec1 {
    padding-bottom: 44px;
  }
}
.cec1 .con {
  margin-top: 130px;
}
@media (max-width: 780px) {
  .cec1 .con {
    margin-top: 90px;
  }
}
@media (max-width: 480px) {
  .cec1 .con {
    margin-top: 60px;
  }
}
.cec1 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 780px) {
  .cec1 .con .list1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.cec1 .con .list1 li {
  width: 25%;
  padding: 0 0.91vw;
}
@media (max-width: 780px) {
  .cec1 .con .list1 li {
    width: 33.33%;
    margin-bottom: 80px;
  }
  .cec1 .con .list1 li:nth-child(4),
  .cec1 .con .list1 li:nth-child(5) {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  .cec1 .con .list1 li {
    width: 49%;
    margin-bottom: 54px;
  }
  .cec1 .con .list1 li:last-child {
    margin-bottom: 0;
  }
}
.cec1 .con .list1 li a {
  display: block;
  border-radius: 10px;
  padding: 30px 10px;
  position: relative;
  border: 1px solid hsla(0, 0%, 80%, 0.6);
}
.cec1 .con .list1 li a:before {
  left: 25%;
}
.cec1 .con .list1 li a:after,
.cec1 .con .list1 li a:before {
  content: '';
  height: 1px;
  width: 30%;
  background: #f4f9ff;
  position: absolute;
  top: -1px;
}
.cec1 .con .list1 li a:after {
  right: 25%;
}
@media (max-width: 780px) {
  .cec1 .con .list1 li a {
    padding: 30px 10px;
  }
}
.cec1 .con .list1 li .img {
  line-height: 151px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  position: absolute;
  -webkit-transform: translate(-50%, -58%);
  transform: translate(-50%, -58%);
  left: 50%;
  top: 0;
  width: 140px;
  z-index: 2;
}
@media (max-width: 1025px) {
  .cec1 .con .list1 li .img {
    width: 68%;
  }
}
@media (max-width: 780px) {
  .cec1 .con .list1 li .img {
    width: 40%;
    line-height: 100px;
  }
}
@media (max-width: 480px) {
  .cec1 .con .list1 li .img {
    line-height: 80px;
  }
}
.cec1 .con .list1 li .img img {
  max-width: 100%;
}
@media (max-width: 480px) {
  .cec1 .con .list1 li .img img {
    max-height: 80px;
  }
}
.cec1 .con .list1 li .zi {
  margin-top: 39px;
}
@media (max-width: 780px) {
  .cec1 .con .list1 li .zi {
    margin-top: 26px;
  }
}
@media (max-width: 480px) {
  .cec1 .con .list1 li .zi {
    margin-top: 12px;
  }
}
.cec1 .con .list1 li .zi h3 {
  font-weight: 500;
  font-size: 22px;
  color: #242f40;
  margin: 0;
}
@media (max-width: 780px) {
  .cec1 .con .list1 li .zi h3 {
    font-size: 18px;
  }
}
.cec1 .con .list1 li .zi dd {
  font-size: 14px;
  line-height: 24px;
  color: #5b6b82;
  margin-top: 18px;
}
@media (max-width: 1630px) {
  .cec1 .con .list1 li .zi dd br {
    display: none;
  }
}
@media (max-width: 780px) {
  .cec1 .con .list1 li .zi dd {
    margin-top: 8px;
  }
}
@media (max-width: 480px) {
  .cec1 .con .list1 li .zi dd {
    line-height: 20px;
  }
}
.cec1 .con .list1 li:hover .img {
  -webkit-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}
.cec1 .con .list1 .su {
  padding-top: 9.6%;
}
@media (max-width: 1450px) {
  .cec1 .con .list1 .su {
    padding-top: 10.5%;
  }
}
@media (max-width: 780px) {
  .cec1 .con .list1 .su {
    display: none;
  }
}
.cec1 .con .list1 .su img {
  max-width: 100%;
}
.cec1 .con .list1 .su:last-child {
  display: none;
}
.fen img {
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.fen:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.of {
  overflow: hidden;
}
.c2 {
  padding: 3.54vw 4.74vw 2.24vw;
  background: url('../images/product/d84ca84c2bwepkia.png') no-repeat 50% 0;
  background-size: cover;
}
@media (max-width: 780px) {
  .c2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c2 h2.bt b {
  color: #fff;
}
.c2 h2.bt p {
  color: #ccc;
}
.c2 .con {
  margin-top: 3.96vw;
}
@media (max-width: 780px) {
  .c2 .con {
    margin-top: 30px;
  }
}
.c2 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.38vw;
  margin-right: -1.38vw;
}
.c2 .con .list1 li {
  padding: 0 1.38vw;
  width: 25%;
  margin-bottom: 0.62vw;
}
@media (max-width: 780px) {
  .c2 .con .list1 li {
    width: 50%;
  }
}
.c2 .con .list1 li .img {
  border-radius: 6px;
  position: relative;
  height: 232px;
}
@media (max-width: 1025px) {
  .c2 .con .list1 li .img {
    height: auto;
  }
}
.c2 .con .list1 li .img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c2 .con .list1 li .img .sec1 {
  position: absolute;
  z-index: 11;
  bottom: -38px;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.c2 .con .list1 li .img .sec1 .sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  line-height: 36px;
}
.c2 .con .list1 li .img .sec1 .sec a {
  color: #fff;
  font-size: 16px;
  width: 41%;
}
@media (max-width: 1025px) {
  .c2 .con .list1 li .img .sec1 .sec a {
    font-size: 14px;
  }
}
.c2 .con .list1 li .img .sec1 .sec a:first-child {
  background-image: linear-gradient(
    -86deg,
    #773db2,
    #1371ff 50%,
    #0a76ff 0,
    #007aff 0,
    #3267f0 0,
    #6353e1 0
  );
  border-radius: 18px 0 0 18px;
  -webkit-box-shadow: 0 10px 20px -10px #773db2;
  box-shadow: 0 10px 20px -10px #773db2;
  background-size: 200% 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.c2 .con .list1 li .img .sec1 .sec a:first-child:hover {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-position: 100% 0;
}
.c2 .con .list1 li .img .sec1 .sec a:nth-child(2) {
  background-image: linear-gradient(
    101deg,
    #5466fb,
    #2a89fc 0,
    #00abfd 0,
    #09ebbb 50%
  );
  border-radius: 0 18px 18px 0;
  -webkit-box-shadow: 0 10px 20px -10px #09ebbb;
  box-shadow: 0 10px 20px -10px #09ebbb;
  background-size: 200% 100%;
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.c2 .con .list1 li .img .sec1 .sec a:nth-child(2):hover {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-position: 100% 0;
}
.c2 .con .list1 li .zi {
  padding: 1.46vw 25px;
}
@media (max-width: 780px) {
  .c2 .con .list1 li .zi {
    padding: 14px 15px;
  }
}
.c2 .con .list1 li .zi h3 {
  margin: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 480px) {
  .c2 .con .list1 li .zi h3 {
    font-size: 14px;
  }
}
.c2 .con .list1 li .zi p {
  font-size: 14px;
  color: #ccc;
  margin-top: 0.8vw;
}
@media (max-width: 480px) {
  .c2 .con .list1 li .zi p {
    margin-top: 4px;
    font-size: 12px;
  }
}
@media (min-width: 1025px) {
  .c2 .con .list1 li:hover .img .sec1 {
    opacity: 1;
    bottom: 18px;
  }
}
.w1320 {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1320px) {
  .w1320 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.c3 {
  padding-top: 4.64vw;
  padding-bottom: 2.24vw;
  background: url('../images/product/6c3bca2668vufvho.png') no-repeat 100% 0;
  background-size: cover;
}
@media (max-width: 1320px) {
  .c3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c3 .con {
  margin-top: 3.91vw;
}
@media (max-width: 780px) {
  .c3 .con {
    margin-top: 30px;
  }
}
.c3 .con .list1 {
  margin-left: -1.35vw;
  margin-right: -1.35vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1320px) {
  .c3 .con .list1 {
    margin-left: 0;
    margin-right: 0;
  }
}
.c3 .con .list1 li {
  margin-bottom: 2.03vw;
  padding: 0 1.35vw;
  width: 25%;
}
@media (max-width: 480px) {
  .c3 .con .list1 li {
    width: 50%;
    margin-bottom: 14px;
    padding: 0 7px;
  }
}
.c3 .con .list1 li .img {
  position: relative;
  border-radius: 6px;
}
.c3 .con .list1 li .img img {
  width: 100%;
}
.c3 .con .list1 li .img img.img2 {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.c3 .con .list1 li .img h3 {
  color: #fff;
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 11;
  margin: 0;
  width: 100%;
  text-align: center;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  line-height: 1;
  padding: 0 15px;
}
@media (max-width: 1025px) {
  .c3 .con .list1 li .img h3 {
    font-size: 20px;
  }
}
@media (max-width: 780px) {
  .c3 .con .list1 li .img h3 {
    font-size: 16px;
  }
}
.c3 .con .list1 li .img h3 p {
  font-size: 16px;
  margin-top: 20px;
}
@media (max-width: 780px) {
  .c3 .con .list1 li .img h3 p {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.6;
  }
}
.c3 .con .list1 li:hover .img img.img2 {
  opacity: 0;
  opacity: 1;
}
.c4 {
  background: url('../images/product/f7caf32a03i9oshc.png') no-repeat 50% 2px;
  background-size: cover;
  text-align: center;
  padding: 4.3vw 15px 2.97vw;
  line-height: 1;
  color: #fff;
}
@media (max-width: 1025px) {
  .c4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c4 h2 {
  display: block;
  font-size: 24px;
  margin: 0;
}
.c4 p {
  font-size: 18px;
  margin-top: 1.2vw;
  margin-bottom: 1.6vw;
}
@media (max-width: 1025px) {
  .c4 p {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .c4 p {
    font-size: 16px;
    line-height: 28px;
  }
}
.c4 a {
  display: block;
  background-image: linear-gradient(
    101deg,
    #5466fb,
    #4393fd 0,
    #32c0ff 0,
    #0a54ff 50%
  );
  border-radius: 5px;
  line-height: 42px;
  width: 200px;
  font-size: 14px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  background-size: 200% 100%;
}
.c4 a:hover {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-position: 100% 0;
}
.c5 {
  background-color: #17191e;
  padding-top: 3.54vw;
  padding-bottom: 1.2vw;
}
@media (max-width: 780px) {
  .c5 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.c5 h2.bt b {
  color: #fff;
}
.c5 h2.bt p {
  color: #ccc;
}
.c5 .con {
  margin-top: 3.23vw;
}
@media (max-width: 780px) {
  .c5 .con {
    margin-top: 30px;
  }
}
.c5 .con .list1 {
  margin-left: -1.33vw;
  margin-right: -1.33vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c5 .con .list1 li {
  width: 33.33%;
  margin-bottom: 1.56vw;
  padding: 0 1.33vw;
}
@media (max-width: 780px) {
  .c5 .con .list1 li {
    margin-bottom: 14px;
  }
}
@media (max-width: 480px) {
  .c5 .con .list1 li {
    width: 50%;
  }
}
.c5 .con .list1 li a {
  border: 1px solid #2a2c33;
  display: block;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  padding: 1.67vw 1.67vw 1.8vw;
}
@media (max-width: 1025px) {
  .c5 .con .list1 li a {
    padding: 26px;
  }
}
@media (max-width: 480px) {
  .c5 .con .list1 li a {
    padding: 20px 15px;
  }
}
.c5 .con .list1 li a .img {
  line-height: 45px;
}
@media (max-width: 780px) {
  .c5 .con .list1 li a .img {
    line-height: 34px;
  }
}
@media (max-width: 780px) {
  .c5 .con .list1 li a .img img {
    height: 34px;
  }
}
.c5 .con .list1 li a .zi h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
  margin-top: 1.8vw;
  margin-bottom: 1vw;
}
@media (max-width: 780px) {
  .c5 .con .list1 li a .zi h3 {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
.c5 .con .list1 li a .zi dd {
  font-size: 14px;
  line-height: 24px;
  color: #ccc;
}
@media (max-width: 480px) {
  .c5 .con .list1 li a .zi dd {
    font-size: 13px;
    line-height: 1.8;
  }
}
.c5 .con .list1 li:hover a {
  -webkit-box-shadow: 0 0 16px 0 rgba(19, 113, 255, 0.9);
  box-shadow: 0 0 16px 0 rgba(19, 113, 255, 0.9);
  border: 1px solid #1371ff;
}
.w1530 {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1530px) {
  .w1530 {
    padding: 0 15px;
  }
}
.c6 {
  background-color: #f5faff;
  padding-top: 6.25vw;
  padding-bottom: 5.52vw;
}
@media (max-width: 780px) {
  .c6 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c6 .con {
  margin-top: 3.07vw;
  position: relative;
}
@media (max-width: 780px) {
  .c6 .con {
    margin-top: 30px;
  }
}
.c6 .con .xx {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.c6 .con .xx:hover {
  opacity: 0.2;
}
.c6 .con .xx.zb {
  left: -5.47vw;
}
@media (max-width: 1850px) {
  .c6 .con .xx.zb {
    left: -4vw;
  }
}
.c6 .con .xx.yb {
  right: -5.47vw;
}
@media (max-width: 1850px) {
  .c6 .con .xx.yb {
    right: -4vw;
  }
}
.c6 .con .list1 {
  margin-left: -1.145vw;
  margin-right: -1.145vw;
}
.c6 .con .list1 li {
  text-align: center;
  padding: 0 1.145vw;
  outline: none;
}
.c6 .con .list1 li a {
  display: block;
  background-color: #fff;
  padding: 47px 24px 50px;
  outline: none;
}
@media (max-width: 480px) {
  .c6 .con .list1 li a {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.c6 .con .list1 li .img {
  border-radius: 100%;
  width: 98px;
  margin-left: auto;
  margin-right: auto;
}
.c6 .con .list1 li .img img {
  display: inline;
  max-width: 100%;
}
.c6 .con .list1 li .zi dd {
  font-size: 16px;
  color: #242f40;
  line-height: 24px;
  margin-top: 26px;
}
@media (max-width: 1025px) {
  .c6 .con .list1 li .zi dd {
    margin-top: 20px;
    font-size: 14px;
  }
}
.c6 .con .list1 li .zi p {
  color: #242f40;
  font-weight: 600;
  font-family: arial;
  margin-top: 2.34vw;
  margin-bottom: 12px;
  font-size: 16px;
}
.c6 .con .list1 li .zi h3 {
  margin: 0;
  font-size: 14px;
  color: #9aa7b9;
  font-weight: 500;
}
.c7 .list1 {
  position: relative;
}
.c7 .list1 li .img img {
  width: 100%;
}
@media (max-width: 780px) {
  .c7 .list1 li .img img.img1 {
    display: none;
  }
}
.c7 .list1 li .img img.img2 {
  display: none;
}
@media (max-width: 780px) {
  .c7 .list1 li .img img.img2 {
    display: inline;
  }
}
.c7 .list1 .slick-dots {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 7.66vw;
  left: 10.16vw;
  z-index: 11;
}
.c7 .list1 .slick-dots li {
  width: 40px;
  height: 5px;
  background-color: #1371ff;
  opacity: 0.2;
  margin-right: 10px;
  cursor: pointer;
}
@media (max-width: 780px) {
  .c7 .list1 .slick-dots li {
    width: 32px;
    height: 2.5px;
    margin-right: 5px;
  }
}
.c7 .list1 .slick-dots li button {
  display: none;
}
.c7 .list1 .slick-dots li.slick-active {
  opacity: 1;
}
.c8 {
  padding: 4.64vw 4.74vw 2.55vw;
  background-color: #f5faff;
}
@media (max-width: 780px) {
  .c8 {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
.c8 .con {
  margin-top: 5.36vw;
}
@media (max-width: 780px) {
  .c8 .con {
    margin-top: 30px;
  }
}
.c8 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.405vw;
  margin-right: -1.405vw;
}
.c8 .con .list1 li {
  width: 25%;
  text-align: center;
  padding: 0 1.405vw;
  margin-bottom: 2.71vw;
}
@media (max-width: 780px) {
  .c8 .con .list1 li {
    width: 50%;
  }
}
.c8 .con .list1 li a {
  display: block;
  background: #fff;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.c8 .con .list1 li .img img {
  width: 100%;
}
.c8 .con .list1 li h3 {
  font-size: 16px;
  color: #242f40;
  line-height: 4.0625em;
  padding: 0 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  font-weight: 500;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 1025px) {
  .c8 .con .list1 li h3 {
    line-height: 3em;
    font-size: 14px;
  }
}
.c8 .con .list1 li:hover a {
  -webkit-transform: translateY(-1.25vw);
  transform: translateY(-1.25vw);
  -webkit-box-shadow: 0 0 16px 0 #aeb1b4;
  box-shadow: 0 0 16px 0 #aeb1b4;
}
.c8 .con .list1 li:hover h3 {
  border: 1px solid #1371ff;
  border-top: none;
}
.c9 {
  margin-top: 4.64vw;
  margin-bottom: 5.48vw;
}
@media (max-width: 780px) {
  .c9 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1380px) {
  .c9 .w1530 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.c9 h2.bt p a {
  color: #9aa7b9;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.c9 h2.bt p a:hover {
  color: #136ef8;
}
.c9 .con {
  margin-top: 3.07vw;
  margin-bottom: 1.6vw;
}
@media (max-width: 780px) {
  .c9 .con {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
.c9 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.565vw;
  margin-right: -1.565vw;
}
.c9 .con .list1 li {
  width: 33.33%;
  padding: 0 1.565vw;
}
@media (max-width: 480px) {
  .c9 .con .list1 li {
    width: 100%;
    margin-bottom: 20px;
  }
  .c9 .con .list1 li:last-child {
    margin-bottom: 0;
  }
}
.c9 .con .list1 li .img {
  border-radius: 5px;
}
.c9 .con .list1 li .img img {
  width: 100%;
}
.c9 .con .list1 li .zi {
  margin-top: 18px;
  padding-bottom: 16px;
  border-bottom: 1px dashed rgba(154, 167, 185, 0.2);
}
@media (max-width: 780px) {
  .c9 .con .list1 li .zi {
    margin-top: 14px;
  }
}
.c9 .con .list1 li .zi h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  color: #242f40;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 780px) {
  .c9 .con .list1 li .zi h3 {
    font-size: 16px;
  }
}
.c9 .con .list1 li .zi dd {
  font-size: 14px;
  color: #5b6b82;
  line-height: 30px;
  margin-top: 12px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 780px) {
  .c9 .con .list1 li .zi dd {
    margin-top: 6px;
    line-height: 20px;
    font-size: 13px;
  }
}
.c9 .con .list1 li:hover .zi h3 {
  color: #136ef8;
}
.c9 .con1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -1.565vw;
  margin-right: -1.565vw;
}
.c9 .con1 .tu {
  border-radius: 5px;
}
.c9 .con1 .tu img {
  width: 100%;
}
.c9 .con1 .c9-1 {
  width: 33.33%;
  padding: 0 1.565vw;
}
@media (max-width: 480px) {
  .c9 .con1 .c9-1 {
    width: 100%;
  }
}
.c9 .con1 .c9-1 .list1 li a {
  position: relative;
  font-size: 14px;
  display: block;
  line-height: 35px;
  color: #242f40;
  padding-right: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.c9 .con1 .c9-1 .list1 li a .timex {
  position: absolute;
  top: 0;
  right: 0;
  color: #5b6b82;
  font-family: arial;
}
.c9 .con1 .c9-1 .list1 li:hover a {
  color: #136ef8;
}
.c9 .con1 .collect-news {
  width: 100%;
  padding: 0;
  margin-top: 1vw;
}
.c9 .con1 .collect-news .list1 li {
  width: 33.33%;
  padding: 0 1.565vw;
  float: left;
}
.c10 {
  text-align: center;
  padding: 5.05vw 15px 3.44vw;
  line-height: 1;
  color: #fff;
  background: url(../images/product/743b269175i8sypj.png) no-repeat 50% 0;
  background-size: cover;
}
@media (max-width: 780px) {
  .c10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.c10 b {
  display: block;
  font-size: 24px;
}
.c10 p {
  font-size: 14px;
  margin-top: 19px;
  margin-bottom: 1.98vw;
}
@media (max-width: 780px) {
  .c10 p {
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .c10 p {
    margin-bottom: 19px;
  }
}
.c10 a {
  width: 200px;
  line-height: 43px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background: #136ef8;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.c10 a:hover {
  background: #6f41b7;
}
.foot {
  background-color: #1c2134;
}
.foot .con {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 780px) {
  .foot .con {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) {
  .foot .con {
    padding-bottom: 10px;
  }
}
.foot .con .foot-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  padding: 0 1.875vw;
}
@media (max-width: 480px) {
  .foot .con .foot-num {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
}
.foot .con .foot-num li {
  color: #fff;
  line-height: 1;
}
@media (max-width: 480px) {
  .foot .con .foot-num li {
    width: 50%;
    margin-bottom: 20px;
  }
}
.foot .con .foot-num li .nums {
  font-size: 36px;
}
@media (max-width: 780px) {
  .foot .con .foot-num li .nums {
    font-size: 24px;
  }
}
.foot .con .foot-num li .txts {
  font-size: 16px;
  margin-top: 20px;
}
@media (max-width: 780px) {
  .foot .con .foot-num li .txts {
    margin-top: 12px;
    font-size: 14px;
  }
}
.foot .con .foot-num li .num-all {
  font-size: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 780px) {
  .foot .con .foot-num li .num-all {
    font-size: 24px;
  }
}
.foot .con1 {
  padding-top: 4.58vw;
  padding-bottom: 5.52vw;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.foot .con1 .conx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 780px) {
  .foot .con1 .conx {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.foot .con1 .conx .foot1 {
  width: 21.63%;
}
@media (max-width: 780px) {
  .foot .con1 .conx .foot1 {
    width: 100%;
  }
}
.foot .con1 .conx .foot1 .logox img {
  max-width: 100%;
}
.foot .con1 .conx .foot1 dd {
  line-height: 26px;
  font-size: 14px;
  color: #fff;
  margin-top: 16px;
  margin-bottom: 18px;
}
.foot .con1 .conx .foot1 .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.foot .con1 .conx .foot1 .list1 li {
  margin-right: 14px;
}
.foot .con1 .conx .foot1 .list1 li a .img img {
  max-width: 100%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.foot .con1 .conx .foot1 .list1 li a .img:hover img {
  opacity: 0.6;
}
.foot .con1 .conx .foot2 {
  width: 34.56%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 780px) {
  .foot .con1 .conx .foot2 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 780px) {
  .foot .con1 .conx .foot2 li {
    width: 33.33%;
  }
}
.foot .con1 .conx .foot2 li h2 {
  color: #fff;
  font-size: 17px;
  margin: 0;
}
.foot .con1 .conx .foot2 li .sec {
  margin-top: 20px;
}
.foot .con1 .conx .foot2 li .sec dd a {
  font-size: 14px;
  line-height: 32px;
  color: hsla(0, 0%, 100%, 0.5);
}
.foot .con1 .conx .foot3 {
  width: 22.69%;
}
@media (max-width: 780px) {
  .foot .con1 .conx .foot3 {
    width: 100%;
  }
}
.foot .con1 .conx .foot3 .lx h2 {
  color: #fff;
  font-size: 17px;
  margin: 0;
}
.foot .con1 .conx .foot3 .lx h3 {
  font-size: 22px;
  color: #fff;
  margin: 0;
  margin-top: 28px;
  margin-bottom: 4px;
}
.foot .con1 .conx .foot3 .lx dd {
  font-size: 14px;
  line-height: 32px;
  color: hsla(0, 0%, 100%, 0.5);
}
.foot .con1 .conx .foot3 .op {
  margin-top: 22px;
  margin-bottom: 22px;
}
.foot .con1 .conx .foot3 .lx1 a {
  color: #fff;
  font-size: 14px;
}
.foot .link1 {
  font-size: 14px;
  line-height: 25px;
  padding: 12px 0;
  color: hsla(0, 0%, 100%, 0.5);
}
.foot .link1 .cc h3 {
  font-weight: 500;
  margin: 0;
  font-size: 14px;
  line-height: 25px;
  float: left;
}
.foot .link1 .cc ul li {
  float: left;
}
.foot .link1 .cc ul li a {
  color: hsla(0, 0%, 100%, 0.5);
  padding-right: 8px;
}
.w15301 {
  max-width: 1530px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1530px) {
  .w15301 {
    padding: 0 15px;
  }
}
.homec1 {
  padding: 4.64vw 0 3.85vw;
  background-color: #edf5fd;
}
@media (max-width: 780px) {
  .homec1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.homec1 .con {
  margin-top: 3.85vw;
  padding: 0 5.47vw;
  position: relative;
}
.homec1 .con .xx {
  position: absolute;
  z-index: 11;
  top: calc(50% - 29px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 0;
  width: 3.33vw;
  height: 3.33vw;
  border-radius: 100%;
}
@media (max-width: 780px) {
  .homec1 .con .xx {
    width: 30px;
    height: 30px;
  }
}
.homec1 .con .xx.zb {
  left: 0;
  background: url('../images/product/8f9a73898dey7to4.png') no-repeat 50%
    rgba(19, 113, 255, 0.05);
}
@media (max-width: 480px) {
  .homec1 .con .xx.zb {
    left: -10px;
  }
}
.homec1 .con .xx.yb {
  right: 0;
  background: url('../images/product/1342537052xl4syu.png') no-repeat 50%
    rgba(19, 113, 255, 0.05);
}
@media (max-width: 480px) {
  .homec1 .con .xx.yb {
    right: -10px;
  }
}
@media (max-width: 480px) {
  .homec1 .con {
    margin-top: 30px;
  }
}
.homec1 .con .list1 {
  margin-bottom: 2.92vw;
  position: relative;
}
@media (max-width: 480px) {
  .homec1 .con .list1 {
    margin-bottom: 24px;
  }
}
.homec1 .con .list1 li {
  float: left;
}
.homec1 .con .list1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  outline: none;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.homec1 .con .list1 li a .tu {
  width: 44.3%;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .tu {
    width: 100%;
  }
}
.homec1 .con .list1 li a .tu img {
  width: 100%;
}
.homec1 .con .list1 li a .zi {
  width: 56.7%;
  padding: 3.49vw 3.7vw;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .zi {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .homec1 .con .list1 li a .zi {
    padding: 20px;
  }
}
.homec1 .con .list1 li a .zi h3 {
  color: #242f40;
  font-size: 30px;
  line-height: 1;
  margin: 0;
  margin-bottom: 20px;
  font-weight: 500;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .zi h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.homec1 .con .list1 li a .zi h3:after {
  content: '';
  width: 24px;
  height: 5px;
  background-color: #1371ff;
  border-radius: 2px;
  margin-top: 1.46vw;
  display: block;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .zi h3:after {
    margin-top: 14px;
    height: 2px;
  }
}
.homec1 .con .list1 li a .zi dd {
  color: #242f40;
  font-size: 16px;
  line-height: 24px;
  max-width: 562px;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .zi dd {
    font-size: 14px;
  }
}
.homec1 .con .list1 li a .zi .list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.34375vw;
}
.homec1 .con .list1 li a .zi .list2 li {
  margin-right: 2.08vw;
}
.homec1 .con .list1 li a .zi .list2 li:last-child {
  margin-right: 0;
}
.homec1 .con .list1 li a .zi .list2 li p {
  color: #5b6b82;
  font-size: 16px;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .zi .list2 li p {
    font-size: 14px;
  }
}
.homec1 .con .list1 li a .zi .list2 li p:first-child {
  font-size: 18px;
  color: #242f40;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .zi .list2 li p:first-child {
    font-size: 15px;
  }
}
.homec1 .con .list1 li a .zi .list2 li p:first-child b {
  font-size: 40px;
  font-family: Impact;
}
@media (max-width: 780px) {
  .homec1 .con .list1 li a .zi .list2 li p:first-child b {
    font-size: 28px;
  }
}
.homec1 .con .list1 .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
}
@media (max-width: 780px) {
  .homec1 .con .list1 .slick-dots {
    margin-top: 14px;
  }
}
.homec1 .con .list1 .slick-dots li {
  height: 2px;
  background-color: #d5dade;
  width: 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.homec1 .con .list1 .slick-dots li.slick-active {
  background-color: #000;
}
.homec1 .con .list1 .slick-dots button {
  display: none;
}
.homec1 a.ck {
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  width: 280px;
  line-height: 49px;
  display: block;
  background-color: #1371ff;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 780px) {
  .homec1 a.ck {
    width: 200px;
    line-height: 43px;
    font-size: 14px;
  }
}
.homec2 {
  background-color: #17191e;
  padding-top: 4.58vw;
  padding-bottom: 3.65vw;
}
@media (max-width: 780px) {
  .homec2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 480px) {
  .homec2 {
    padding-bottom: 26px;
  }
}
.homec2 .bt b {
  color: #fff;
}
.homec2 .bt p {
  color: #ccc;
}
.homec2 .con {
  margin-top: 3.85vw;
}
@media (max-width: 780px) {
  .homec2 .con {
    margin-top: 30px;
  }
}
.homec2 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1.565vw;
  margin-right: -1.565vw;
}
@media (max-width: 780px) {
  .homec2 .con .list1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.homec2 .con .list1 li {
  padding: 0 1.565vw;
  width: 25%;
}
@media (max-width: 480px) {
  .homec2 .con .list1 li {
    width: 50%;
    margin-bottom: 14px;
  }
}
.homec2 .con .list1 li a {
  display: block;
  background-color: #292929;
}
.homec2 .con .list1 li a .img {
  position: relative;
}
.homec2 .con .list1 li a .img img {
  -webkit-transition: all 1s;
  transition: all 1s;
  width: 100%;
}
.homec2 .con .list1 li a .img img.img2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.homec2 .con .list1 li a .zi {
  padding: 25px 20px 36px;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 780px) {
  .homec2 .con .list1 li a .zi {
    padding: 20px;
  }
}
.homec2 .con .list1 li a .zi h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 780px) {
  .homec2 .con .list1 li a .zi h3 {
    font-size: 18px;
  }
}
.homec2 .con .list1 li a .zi dd {
  font-size: 14px;
  line-height: 22px;
  color: hsla(0, 0%, 100%, 0.3);
  margin-top: 14px;
}
@media (max-width: 780px) {
  .homec2 .con .list1 li a .zi dd {
    margin-top: 8px;
  }
}
.homec2 .con .list1 li a:hover .img img.img1 {
  opacity: 0;
}
.homec2 .con .list1 li a:hover .img img.img2 {
  opacity: 1;
}
.homec2 .con a.ck {
  margin-top: 3.13vw;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  width: 280px;
  line-height: 49px;
  display: block;
  background-color: #1371ff;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 780px) {
  .homec2 .con a.ck {
    width: 200px;
    line-height: 43px;
    font-size: 14px;
  }
}
.page-banner {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover !important;
  height: 350px;
  position: relative;
}
.page-banner.pc-banner .wz {
  height: 140px;
}
.page-banner .wz {
  position: absolute;
  width: 1200px;
  padding: 0 15px;
  text-align: center;
  height: 110px;
  top: 40%;
  right: 0;
  left: 0;
  margin: auto;
  color: #fff;
}
.page-banner .wz h3 {
  font-size: 34px;
  margin: 0 0 20px;
  line-height: 1.3;
  font-weight: 400;
}
.page-banner .wz p {
  font-size: 16px;
}
@media (max-width: 1200px) {
  .page-banner .wz {
    width: 990px;
  }
}
@media (max-width: 990px) {
  .page-banner {
    height: 250px;
  }
  .page-banner .wz {
    width: 95%;
    height: 60px;
    top: 28%;
  }
  .page-banner .wz h3 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .page-banner .wz p {
    font-size: 14px;
    line-height: 25px !important;
  }
}
.page-about-one {
  background: #f6f6f6;
  padding: 120px 0;
}
.page-about-title {
  text-align: center;
  font-size: 26px;
  color: #444;
  font-weight: 200;
}
.page-about-title span {
  display: block;
  font-size: 17px;
}
.page-about-info {
  text-align: center;
  font-size: 14px;
  line-height: 32px;
  color: #444;
  padding: 0 10%;
  margin-top: 60px;
}
.about-one-list {
  margin-top: 60px;
  padding: 0 9%;
}
.about-one-list .about-one-item {
  text-align: center;
}
.about-one-list .about-one-item .num {
  font-size: 40px;
  color: #333;
  font-weight: 100;
}
.about-one-list .about-one-item p {
  font-size: 13px;
  color: #444;
  margin-top: 10px;
}
@media (max-width: 990px) {
  .page-about-one {
    padding: 40px 0;
  }
  .page-about-title {
    font-size: 18px;
  }
  .about-one-list,
  .page-about-info {
    margin-top: 20px;
    padding: 0;
  }
  .about-one-list .about-one-item {
    text-align: center;
    margin-bottom: 10px;
  }
  .about-one-list .about-one-item .num {
    font-size: 26px;
  }
}
.page-about-two {
  background: #fff;
  padding: 120px 0;
}
.about-two-list {
  margin-top: 100px;
  padding: 0 12.5%;
}
.about-two-list > div {
  width: 20%;
  position: relative;
}
.about-two-list > div:after {
  background: #ddd;
}
.about-two-list > div:after,
.about-two-list > div:last-child:after {
  position: absolute;
  width: 1px;
  height: 60px;
  content: '';
  right: 0;
  top: 14%;
}
.about-two-list > div:last-child:after {
  background: none;
}
.about-two-list .about-two-item {
  text-align: center;
}
.about-two-list .about-two-item .icon {
  display: block;
}
.about-two-list .about-two-item .icon i {
  color: #445780;
  font-size: 40px;
}
.about-two-list .about-two-item p {
  margin-top: 10px;
  font-size: 14px;
  color: #444;
  min-height: 42px;
}
@media (max-width: 768px) {
  .page-about-two {
    padding: 35px 0;
  }
  .about-two-list {
    padding: 0;
    margin-top: 30px;
  }
  .about-two-list > div {
    width: 33.3333%;
  }
  .about-two-list div[class*='col-'] {
    margin-bottom: 20px;
  }
  .about-two-list div[class*='col-']:nth-child(3n) {
    border-right: none;
  }
}
.page-about-three {
  background: #f6f6f6;
  padding: 120px 0;
  padding-bottom: 50px;
}
.page-about-three .about-three-img {
  text-align: center;
  margin-top: 40px;
}
.page-about-three .about-three-img img {
  max-width: 100%;
}
@media (max-width: 990px) {
  .page-about-three {
    padding: 40px 0;
  }
}
.page-about-four {
  padding: 100px 0;
  background: #fff;
}
.page-about-four .about-four-item {
  border: 1px solid #e0e0e0;
  text-align: center;
  padding: 0 10%;
  height: 480px;
}
.page-about-four .about-four-item .icon {
  padding-top: 70px;
}
.page-about-four .about-four-item .icon i {
  font-size: 45px;
  color: #445780;
}
.page-about-four .about-four-item h3 {
  font-size: 18px;
  color: #000;
  font-weight: 400;
  margin: 30px 0;
}
.page-about-four .about-four-item p {
  font-size: 14px;
  line-height: 32px;
  color: #444;
}
.page-about-four .hezuo {
  background: url(//static.cn86.cn/img/2019/01/0e918be2eapimbzf.png) no-repeat
    50%;
  padding: 50px 10%;
  margin-top: 30px;
}
@media (max-width: 990px) {
  .page-about-four .about-four-item .icon {
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  .page-about-four {
    padding: 30px 0;
  }
  .page-about-four .about-four-item {
    margin: 0 0 20px;
    padding: 30px 5%;
    height: auto;
  }
  .page-about-four .about-four-item .icon {
    padding-top: 0;
  }
  .page-about-four .about-four-item h3 {
    margin: 10px 0;
  }
  .page-about-four .hezuo {
    padding: 20px 10%;
  }
}
@media (max-width: 768px) {
  #xiangyun-map {
    overflow: hidden;
    height: 350px !important;
  }
  #xiangyun-map > div {
    position: absolute !important;
    top: 50% !important;
    margin-top: -175px !important;
  }
}
.page-info-one {
  background: #fff;
  padding: 100px 0;
}
.page-info-one .info-container {
  padding: 20px 0;
  background: url('//static.cn86.cn/img/2022/03/bdbc960335o9y7rg.png') 50%
    no-repeat;
  background-size: contain;
}
.page-info-one .info-container .title {
  font-size: 36px;
  font-weight: 700;
  line-height: 40px;
  margin-top: -10px;
  padding-left: 5px;
  margin-bottom: 40px;
  text-align: left;
  color: #000;
}
.page-info-one .info-container .content {
  padding: 0 5px;
}
.page-info-one .info-container .content p {
  font-size: 18px;
  color: #666;
  line-height: 30px;
}
.page-info-one .info-container .img {
  text-align: center;
}
.page-info-one .info-container .img img {
  max-width: 100%;
}
@media (max-width: 990px) {
  .page-info-one {
    padding: 40px 0;
  }
  .page-info-one .info-container {
    padding: 0;
    background: none;
  }
  .page-info-one .info-container .title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
  }
  .page-info-one .info-container .content {
    margin-bottom: 20px;
  }
  .page-info-one .info-container .content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
    text-indent: 2em;
  }
}
.page-info-two {
  background: url('//static.cn86.cn/img/2022/03/ef3982e43c8k7t4j.jpg') 50%
    no-repeat;
  background-size: cover;
  padding: 80px 0;
}
.page-info-two .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #fff;
}
.page-info-two .info-list .info-item {
  color: #fff;
  text-align: center;
  margin: 20px;
  padding: 20px 40px;
  background: hsla(0, 0%, 100%, 0.2);
  min-height: 400px;
}
.page-info-two .info-list .info-item:hover {
  background: #20b8ee;
}
.page-info-two .info-list .info-item:first-child {
  margin-left: 0;
}
.page-info-two .info-list .info-item:last-child {
  margin-right: 0;
}
.page-info-two .info-list .info-item-img {
  margin-top: 40px;
}
.page-info-two .info-list .info-item-title {
  font-size: 28px;
  margin: 30px 0;
}
.page-info-two .info-list .info-item-content p {
  font-size: 18px;
  line-height: 30px;
}
@media (max-width: 990px) {
  .page-info-two {
    padding: 40px 0;
  }
  .page-info-two .info-list .info-item {
    min-height: 260px;
    margin: 15px;
    padding: 10px;
  }
  .page-info-two .info-list .info-item-img {
    margin-top: 10px;
  }
  .page-info-two .info-list .info-item-title {
    margin: 20px 0;
    font-size: 16px;
  }
  .page-info-two .info-list .info-item-content p {
    font-size: 14px;
    line-height: 25px;
  }
  .page-info-two .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.page-info-three {
  padding-top: 100px;
  background: #f6f6f6;
}
.page-info-three .top {
  margin-bottom: 30px;
}
.page-info-three .top .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}
.page-info-three .top .info {
  font-size: 18px;
  text-align: center;
}
.page-info-three .row .right {
  width: 80%;
  float: right;
  margin-top: 200px;
}
.page-info-three .row .right .tab li {
  background: #fff;
  width: 49%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
}
.page-info-three .row .right .tab li:first-child {
  float: left;
}
.page-info-three .row .right .tab li:last-child {
  float: right;
}
.page-info-three .row .right .tab li.cur {
  background: #0fa0fd;
  color: #fff;
}
.page-info-three .row .right .content {
  margin: 50px 0;
}
.page-info-three .row .right .content .tab-content ul li {
  font-size: 18px;
  line-height: 30px;
  background: url('//static.cn86.cn/img/2022/03/90ddfc5b79h8xj7f.png') 0
    no-repeat;
  padding-left: 30px;
  margin: 10px 0;
}
.page-info-three .row .right .content .tab-content ul li span {
  color: #0fa0fd;
}
@media (max-width: 990px) {
  .page-info-three {
    padding-top: 40px;
  }
  .page-info-three .top {
    margin-bottom: 20px;
  }
  .page-info-three .top .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .page-info-three .top .info {
    font-size: 16px;
  }
  .page-info-three .row .right {
    margin-top: 0;
    width: 100%;
  }
  .page-info-three .row .right .tab li {
    font-size: 16px;
  }
  .page-info-three .row .right .content {
    margin: 30px 0;
  }
  .page-info-three .row .right .content .tab-content ul li {
    font-size: 14px;
  }
}
.page-info-four {
  padding: 100px 0;
  background: url('//static.cn86.cn/img/2022/03/144d6eb8d8kf170u.png') 50%
    no-repeat;
  background-size: cover;
  color: #fff;
}
.page-info-four .divide {
  height: 1px;
  background: #fff;
}
.page-info-four .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #fff;
}
.page-info-four #development ul.owl-carousel li .slide-item {
  position: relative;
}
.page-info-four #development ul.owl-carousel li .slide-item-title {
  font-size: 36px;
  font-weight: 700;
  padding: 60px 0;
}
.page-info-four #development ul.owl-carousel li .slide-item-content {
  font-size: 16px;
  line-height: 30px;
  border-radius: 10px;
  padding: 20px 60px 20px 10px;
  background: hsla(0, 0%, 100%, 0.2);
}
.page-info-four #development ul.owl-carousel li .slide-item-icon {
  position: absolute;
  top: 0;
  right: 10px;
  height: 226px;
  width: 33px;
  background: url('//static.cn86.cn/img/2022/03/a938153db3s1h0kl.png') bottom
    no-repeat;
}
.page-info-four #development ul.owl-carousel li:hover .slide-item-content {
  background: #0fa0fd;
}
.page-info-four #development ul.owl-carousel .owl-nav {
  width: 250px;
  height: 40px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  margin-top: 60px;
  background: url('//static.cn86.cn/img/2022/03/be7762a8981dkssa.png') 50%
    no-repeat;
}
.page-info-four #development ul.owl-carousel .owl-nav button {
  position: absolute;
  top: 0;
  line-height: 40px;
  width: 40px;
  height: 40px;
  background: hsla(0, 0%, 100%, 0.1);
}
.page-info-four #development ul.owl-carousel .owl-nav button span {
  display: block;
  font-size: 0;
}
.page-info-four #development ul.owl-carousel .owl-nav button.owl-prev {
  left: 0;
}
.page-info-four #development ul.owl-carousel .owl-nav button.owl-prev span {
  background: url('//static.cn86.cn/img/2022/03/a4d7d1a7c8u0ktvv.png') 50%
    no-repeat;
}
.page-info-four #development ul.owl-carousel .owl-nav button.owl-next {
  right: 0;
}
.page-info-four #development ul.owl-carousel .owl-nav button.owl-next span {
  background: url('//static.cn86.cn/img/2022/03/e829da6148cclmqi.png') 50%
    no-repeat;
}
.page-info-four #development ul.owl-carousel .owl-nav button.disabled {
  background: none;
}
@media (max-width: 990px) {
  .page-info-four {
    padding: 40px 0;
  }
  .page-info-four .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .page-info-four #development ul.owl-carousel li .slide-item-title {
    font-size: 18px;
    padding: 30px 0;
  }
  .page-info-four #development ul.owl-carousel li .slide-item-content {
    font-size: 14px;
    line-height: 25px;
    padding: 20px 50px 20px 10px;
  }
  .page-info-four #development ul.owl-carousel li .slide-item-icon {
    height: 150px;
  }
}
.page-info-five {
  padding: 100px 0;
}
.page-info-five .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #000;
}
.page-info-five .content img {
  max-width: 100%;
}
@media (max-width: 990px) {
  .page-info-five {
    padding: 40px 0;
  }
  .page-info-five .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.page-info-six {
  padding: 100px 0;
  background: url('//static.cn86.cn/img/2022/03/0908d5b089wwj8mz.jpg') 50%
    no-repeat;
  background-size: cover;
}
.page-info-six .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 40px;
  color: #fff;
}
.page-info-six .content {
  position: relative;
}
.page-info-six .content img {
  max-width: 100%;
}
.page-info-six .content .owl-nav {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
}
.page-info-six .content .owl-nav button {
  position: absolute;
  top: 0;
  line-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #0fa0fd;
}
.page-info-six .content .owl-nav button span {
  font-size: 0;
  border-radius: 50%;
  display: block;
}
.page-info-six .content .owl-nav button.owl-prev {
  left: -50px;
  background: #0fa0fd;
}
.page-info-six .content .owl-nav button.owl-prev span {
  background: url('//static.cn86.cn/img/2022/03/a4d7d1a7c8u0ktvv.png') 50%
    no-repeat;
}
.page-info-six .content .owl-nav button.owl-next {
  right: -50px;
  background: #0fa0fd;
}
.page-info-six .content .owl-nav button.owl-next span {
  background: url('//static.cn86.cn/img/2022/03/e829da6148cclmqi.png') 50%
    no-repeat;
}
.page-info-six .content .owl-nav button.disabled {
  background: none;
}
@media (max-width: 990px) {
  .page-info-six {
    padding: 40px 0;
  }
  .page-info-six .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.page-info-seven {
  padding: 60px 0;
}
.page-info-seven .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}
.page-info-seven .info {
  text-align: center;
  font-size: 18px;
  margin-bottom: 60px;
}
.page-info-seven .list-img {
  overflow: hidden;
}
.page-info-seven .list-img img {
  max-width: 100%;
}
.page-info-seven .list-img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.page-info-seven .list-title {
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  margin-bottom: 10px;
}
@media (max-width: 990px) {
  .page-info-seven {
    padding: 40px 0;
  }
  .page-info-seven .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .page-info-seven .info {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .page-info-seven .list-title {
    font-size: 14px;
  }
}
.page-info-eight {
  padding: 60px 0;
  background: #f1f4f7;
}
.page-info-eight .title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}
.page-info-eight .info {
  text-align: center;
  font-size: 18px;
  margin-bottom: 60px;
}
.page-info-eight .praise {
  margin-bottom: 20px;
}
.page-info-eight .praise-item {
  background: #fff;
  padding: 20px;
}
.page-info-eight .praise-item-img {
  width: 100px;
  height: 100px;
  float: left;
  border-radius: 50%;
  overflow: hidden;
}
.page-info-eight .praise-item-img img {
  max-width: 100%;
}
.page-info-eight .praise-item-content {
  float: left;
  margin-left: 20px;
  width: calc(100% - 120px);
}
.page-info-eight .praise-item-content .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 400;
  text-align: left;
}
.page-info-eight .praise-item-content .content {
  font-size: 14px;
  line-height: 25px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-info-eight .praise .owl-carousel {
  position: relative;
}
.page-info-eight .praise .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.page-info-eight .praise .owl-carousel .owl-nav button span {
  font-size: 0;
  border-radius: 50%;
  display: block;
}
.page-info-eight .praise .owl-carousel .owl-nav button.owl-prev {
  left: -50px;
}
.page-info-eight .praise .owl-carousel .owl-nav button.owl-prev span {
  background: url('//static.cn86.cn/img/2022/03/60d8c6299bdkegbz.png') 50%
    no-repeat;
  background-size: cover;
}
.page-info-eight .praise .owl-carousel .owl-nav button.owl-next {
  right: -50px;
}
.page-info-eight .praise .owl-carousel .owl-nav button.owl-next span {
  background: url('//static.cn86.cn/img/2022/03/e9ac750c90cwmpop.png') 50%
    no-repeat;
  background-size: cover;
}
.page-info-eight .praise .owl-carousel .owl-nav button.disabled {
  opacity: 0.5;
}
@media (max-width: 990px) {
  .page-info-eight {
    padding: 40px 0;
  }
  .page-info-eight .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .page-info-eight .info {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .page-info-eight .praise-item-img {
    margin: 0 auto;
    float: none;
    text-align: center;
  }
  .page-info-eight .praise-item-content {
    margin-left: 0;
    width: 100%;
  }
  .page-info-eight .praise-item-content .title {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
  }
  .page-info-eight .praise-item-content .content {
    font-size: 14px;
  }
}
.statement {
  background: #f8f8f8;
  font-size: 12px;
  margin-bottom: 30px;
  padding: 20px 14px 20px 20px;
  line-height: 26px;
  margin-top: 30px;
}
.page-banner .search {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
}
.page-banner .search .keyword {
  width: 100%;
  border-radius: 18px;
  line-height: 42px;
  height: 42px;
  border: none;
  border-bottom: 1px solid #d2d2d2;
  font-size: 14px;
  text-indent: 15px;
  outline: none;
  color: #000;
}
.page-banner .search .input-submit {
  position: absolute;
  width: 52px;
  height: 42px;
  top: 2px;
  right: 0;
  border: none;
  outline: none;
  background: none;
  z-index: 99;
  font-size: 0;
}
.page-banner .search .icon-sousuo1 {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 23px;
  z-index: 9;
  color: #919191;
}
.page-sort {
  padding-top: 50px;
  margin-bottom: 10px;
}
.page-sort .sort-list {
  font-size: 0;
  text-align: center;
}
.page-sort .sort-list li {
  display: inline-block;
  margin: 0 40px;
}
.page-sort .sort-list li > a {
  display: block;
  padding: 0 10px 15px;
  font-size: 14px;
  color: #444;
  border-bottom: 1px solid transparent;
}
.page-sort .sort-list li.active > a,
.page-sort .sort-list li:hover > a {
  color: #03a9f4;
  font-weight: 700;
  border-bottom-color: #03a9f4;
}
@media (max-width: 990px) {
  .page-sort .sort-list li {
    margin: 0;
    padding: 0 15px;
  }
  .page-sort .sort-list li > a {
    padding: 0;
    line-height: 30px;
  }
}
.page-news-wrap {
  padding: 20px 0 50px;
  background-color: #f1f4f9;
}
@media (max-width: 768px) {
  .page-news-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.page-news-wrap .newscon {
  width: calc(100% - 243px);
  padding: 35px 24px 75px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  float: right;
}
@media (max-width: 990px) {
  .page-news-wrap .newscon {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
.page-news-wrap .news-sort {
  width: 220px;
  float: left;
  padding: 20px 0 0;
  background: #fff;
}
@media (max-width: 990px) {
  .page-news-wrap .news-sort {
    float: none;
    width: 100%;
    padding-bottom: 1px;
  }
}
.page-news-wrap .news-sort .sort-list {
  text-align: left;
  margin-bottom: 30px;
}
.page-news-wrap .news-sort .sort-list > li {
  margin: 0;
  display: block;
}
.page-news-wrap .news-sort .sort-list > li a {
  font-weight: 500;
  padding: 0;
  border-bottom: none;
  color: #333;
  font-size: 16px;
  display: block;
  transition: color 0.2s;
  -moz-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  background: url(//static.cn86.cn/img/2022/08/314def249fmd4dl9.png) no-repeat
    74%;
  padding-left: 40px;
  position: relative;
  line-height: 54px;
}
.page-news-wrap .news-sort .sort-list > li a:before {
  content: '';
  position: absolute;
  display: block;
  left: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2px;
  height: 16px;
  background-color: #1371ff;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.page-news-wrap .news-sort .sort-list > li.active a,
.page-news-wrap .news-sort .sort-list > li:hover a {
  color: #1371ff;
  background: url(//static.cn86.cn/img/2022/08/9732763147wrkt0y.png) no-repeat
    74%;
}
.page-news-wrap .news-sort .sort-list > li.active a:before,
.page-news-wrap .news-sort .sort-list > li:hover a:before {
  opacity: 1;
}
.page-news-wrap .news-sort .sort-list > .page-news-sort1 > li {
  margin: 0;
  display: block;
}
.page-news-wrap .news-sort .sort-list > .page-news-sort1 > li > a {
  display: block;
  padding: 0;
  font-size: 14px;
  color: #888;
  border: none;
  line-height: 46px;
  padding-left: 40px;
}
.page-news-wrap .news-sort .sort-list > .page-news-sort1 > li.active a,
.page-news-wrap .news-sort .sort-list > .page-news-sort1 > li:hover a {
  font-weight: 500;
  color: #1371ff;
  background-color: #e3eeff;
}
.page-news-list {
  margin-bottom: 2.4vw;
}
.page-news-list li {
  padding-bottom: 20px;
  border-bottom: 1px solid #e1e8ec;
  padding-top: 20px;
}
.page-news-list li:first-of-type {
  padding-top: 0;
}
.page-news-list li h3 {
  font-size: 21px;
  margin: 10px 0;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  padding-right: 130px;
}
.page-news-list li h3 a {
  color: #2f3033;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.page-news-list li .date1 {
  margin: 0 5px;
  font-size: 12px;
  color: #97989c;
}
.page-news-list li .date1 span {
  padding-left: 20px;
}
.page-news-list li .date {
  margin: 0 5px;
  font-size: 12px;
  color: #97989c;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.page-news-list li .info {
  font-size: 14px;
  line-height: 2;
  color: #888;
  margin: 20px 0 10px;
}
.page-news-list li:hover h3 a {
  color: #1371ff;
}
.page-news-list h4 {
  text-align: center;
  padding: 50px 0;
  font-size: 20px;
  font-weight: 100;
}
@media (max-width: 768px) {
  .page-news-wrap {
    padding-bottom: 40px;
  }
  .page-news-sort {
    margin: 10px 0 20px;
  }
  .page-news-sort > li {
    display: inline-block;
    padding-left: 0;
  }
  .page-news-sort > li a {
    font-size: 18px;
  }
  .page-news-list li h3 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .page-news-list li .info {
    font-size: 14px;
    margin: 10px 0;
  }
}
.pagination-wrap {
  text-align: center;
  font-size: 14px;
}
.pagination-wrap .pagination {
  margin: 25px 0;
  vertical-align: middle;
}
.pagination-wrap .pagination li span {
  margin: 0 10px;
  border: none;
  font-weight: 100;
}
.pagination-wrap .pagination li a,
.pagination-wrap .pagination li span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  background: none;
  font-size: 18px;
}
.pagination-wrap .pagination li a {
  margin: 0 5px;
  border-radius: 2px;
  color: #333;
  border: none;
}
.pagination-wrap .pagination li a:hover {
  color: #1371ff !important;
  background: none;
}
@media (max-width: 760px) {
  .pagination-wrap .pagination li a,
  .pagination-wrap .pagination li span {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    width: 30px;
    margin: 0;
  }
}
@media (max-width: 480px) {
  .pagination-wrap .pagination li a,
  .pagination-wrap .pagination li span {
    font-size: 13px;
    height: 22px;
    line-height: 22px;
  }
}
.pagination-wrap .pagination li.active span {
  color: #fff;
  background-color: #1371ff;
  border-radius: 100%;
}
@media (max-width: 480px) {
  .pagination-wrap .pagination li.active span {
    background: none;
    color: #1371ff;
  }
}
.pagination-wrap .pagination .pagina a .iconfont,
.pagination-wrap .pagination .pagina span .iconfont {
  font-size: 30px;
  line-height: 32px;
  color: #000;
  display: block;
  height: 30px;
}
.pagination-wrap .pagination .pagina a .iconfont:hover,
.pagination-wrap .pagination .pagina span .iconfont:hover {
  color: #1371ff;
}
@media (max-width: 760px) {
  .pagination-wrap .pagination .pagina a .iconfont,
  .pagination-wrap .pagination .pagina span .iconfont {
    line-height: 32px;
    height: 30px;
  }
}
@media (max-width: 480px) {
  .pagination-wrap .pagination .pagina a .iconfont,
  .pagination-wrap .pagination .pagina span .iconfont {
    line-height: 24px;
    height: 22px;
  }
}
.pagination-wrap .pagination .paginb a .iconfont,
.pagination-wrap .pagination .paginb span .iconfont {
  font-size: 30px;
  line-height: 32px;
  color: #000;
  display: block;
  height: 30px;
}
.pagination-wrap .pagination .paginb a .iconfont:hover,
.pagination-wrap .pagination .paginb span .iconfont:hover {
  color: #1371ff;
}
@media (max-width: 760px) {
  .pagination-wrap .pagination .paginb a .iconfont,
  .pagination-wrap .pagination .paginb span .iconfont {
    line-height: 32px;
    height: 30px;
  }
}
@media (max-width: 480px) {
  .pagination-wrap .pagination .paginb a .iconfont,
  .pagination-wrap .pagination .paginb span .iconfont {
    line-height: 24px;
    height: 22px;
  }
}
.pagination-wrap .pagination .active span {
  color: #bebebe;
}
.pagination-wrap .paginatt {
  display: inline-block;
  vertical-align: middle;
}
.pagination-wrap .paginatt .iconfont {
  font-size: 30px;
  line-height: 32px;
  color: #000;
  display: block;
  height: 30px;
}
.pagination-wrap .paginatt .iconfont:hover {
  color: #1371ff;
}
@media (max-width: 768px) {
  .pagination-wrap {
    text-align: center;
  }
  .pagination-wrap .paginatt {
    display: none;
  }
  .pagination-wrap .pagination li span {
    margin: 0;
  }
}
.news-detail-wrap {
  padding: 20px 0 50px;
  background-color: #f7f7f7;
}
@media (max-width: 768px) {
  .news-detail-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.detail-title {
  font-size: 22px;
  color: #000;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 10px -9px;
}
.detail-info {
  font-size: 14px;
  color: #999;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.detail-info .date {
  margin-right: 30px;
}
.detail-content {
  font-size: 14px;
  line-height: 34px;
  color: #000;
}
.detail-content .key-tag {
  color: #1371ff;
}
.detail-content img,
.detail-content p img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}
.detail-search {
  margin-top: 13px;
  border: 1px solid #e0e0e0;
  height: 40px;
  margin-bottom: 39px;
}
.detail-search input[type='text'] {
  width: calc(100% - 40px);
  height: 38px;
  background: none;
  outline: none;
  border: none;
  font-size: 14px;
  color: #bbb;
  padding-left: 10px;
}
.detail-search button[type='submit'] {
  float: right;
  width: 40px;
  height: 38px;
  background: none;
  outline: none;
  border: none;
  font-size: 20px;
}
.detail-sort {
  border-top: 1px solid #e0e0e0;
  padding-top: 25px;
}
.detail-sort li a {
  font-size: 14px;
  color: #333;
  display: block;
  line-height: 40px;
}
.detail-sort li a:hover {
  color: #03a9f4;
}
.hot-news {
  margin-bottom: 10px;
  padding: 0 13px;
}
.hot-news h3 {
  margin: 0 0 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  border-bottom: 1px solid #e0e0e0;
}
.hot-news .hot-news-list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 36px;
}
.hot-news .hot-news-list1 li {
  margin-bottom: 6px;
  padding: 9px 6px;
  width: 47%;
  background-color: #f2f2f2;
  text-align: center;
}
.hot-news .hot-news-list1 li a {
  display: block;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hot-news .hot-news-list1 li:hover {
  background-color: #e3eeff;
}
.hot-news .hot-news-list1 li:hover a {
  color: #1371ff;
}
.hot-news .hot-news-list li {
  line-height: 32px;
}
.hot-news .hot-news-list li a {
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  color: #666;
  position: relative;
  padding-left: 13px;
}
.hot-news .hot-news-list li a .timex {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1371ff;
}
.hot-news .hot-news-list li a:hover {
  color: #1371ff;
}
.hot-news .hot-news-list li a:before {
  content: '';
  position: absolute;
  margin-left: -13px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #1371ff;
  margin-top: 14.5px;
}
.hot-news .hot-news-zs {
  display: block;
  margin-top: 20px;
}
.hot-news .hot-news-zs img {
  max-width: 100%;
}
@media (max-width: 990px) {
  .detail-title {
    margin-left: 0;
    margin-top: 10px;
  }
  .detail-search {
    margin-top: 0;
  }
  .news-detail-wrap .hot-news {
    margin-top: 40px;
  }
}
.page-next-prev {
  background: #f6f6f6;
  padding: 11px 15px;
  margin-top: 60px;
}
.page-next-prev span {
  display: inline-block;
  border: 1px solid #666;
  border-radius: 2px;
  font-size: 12px;
  color: #666;
  width: 65px;
  text-align: center;
  margin-right: 15px;
}
.page-next-prev a {
  font-size: 14px;
  color: #666;
  display: block;
  line-height: 40px;
}
.page-next-prev a:hover {
  opacity: 0.5;
}
.page-next-prev .page-next,
.page-next-prev .page-prev {
  width: 50%;
  float: left;
}
.page-next-prev .page-next {
  text-align: right;
  position: relative;
}
.page-next-prev .page-next a {
  padding-right: 85px;
}
.page-next-prev .page-next span {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;
}
@media (max-width: 990px) {
  .page-next-prev .page-next,
  .page-next-prev .page-prev {
    width: 100%;
    float: none;
  }
  .page-next-prev a {
    line-height: 30px;
  }
  .page-next-prev .page-next {
    text-align: left;
    margin-top: 15px;
  }
  .page-next-prev .page-next a {
    padding-left: 85px;
    padding-right: 0;
  }
  .page-next-prev .page-next span {
    position: absolute;
    right: auto;
    top: 0;
    left: 0;
  }
}
@media (max-width: 768px) {
  .news-detail-wrap .detail-content img {
    max-width: 100%;
    height: auto !important;
  }
}
.tag_list a {
  background-color: #f2f2f2;
  color: #666;
  padding: 5px 8px;
  text-decoration: none;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}
.tag_list a:hover {
  background-color: #ddd;
}
.page-product-pcbox {
  background: #f6f6f6;
  padding: 90px 0;
  font-size: 0;
}
.page-product-title {
  text-align: center;
  margin-bottom: 70px;
}
.page-product-title.special {
  margin-bottom: 50px;
}
.page-product-title h3 {
  margin: 0;
  font-weight: 200;
  font-size: 18px;
  color: #333;
}
.page-product-title h4 {
  margin: 40px 0 0;
  font-weight: 200;
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
.page-product-title p {
  font-size: 26px;
  margin-bottom: 10px;
  font-weight: 200;
  color: #555;
}
.page-product-title .info {
  font-size: 16px;
  line-height: 1.875;
  color: #555;
  margin-top: 35px;
  padding: 0 8%;
}
.page-product-title .info p {
  font-weight: 400;
  font-size: 16px;
}
.page-product-pcbox .page-product-img {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 50%;
}
.page-product-pcbox .page-product-img img {
  max-width: 100%;
}
.page-product-pcbox .page-product-text {
  width: 36%;
  margin-left: 14%;
  display: inline-block;
  vertical-align: middle;
}
.page-product-pcbox .page-product-text h4 {
  font-size: 24px;
  color: #445780;
  font-weight: 400;
  margin: 0 0 30px;
}
.page-product-pcbox .page-product-text h4 .iconfont {
  font-size: 35px;
  color: #445780;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.page-product-pcbox .page-product-text h4 span {
  display: inline-block;
  vertical-align: middle;
}
.page-product-pcbox .page-product-text p {
  font-size: 18px;
  line-height: 1.6;
  color: #444;
  font-weight: 200;
}
.page-product-pcbox:nth-of-type(odd) {
  background: #fff;
}
.page-product-pcbox:nth-of-type(odd) .page-product-img {
  text-align: right;
}
.page-product-pcbox:nth-of-type(odd) .page-product-text {
  width: 36%;
  margin-right: 14%;
  margin-left: 0;
}
@media (max-width: 990px) {
  .page-product-pcbox {
    padding: 40px 0;
  }
  .page-product-pcbox .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .page-product-title {
    margin-bottom: 25px;
  }
  .page-product-title p {
    font-size: 18px;
    line-height: 25px;
  }
  .page-product-title h3 {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 1.5;
  }
  .page-product-title .info {
    font-size: 14px;
    padding: 0;
    margin-top: 15px;
  }
  .page-product-pcbox .page-product-img {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .page-product-pcbox .page-product-img img {
    max-width: 90%;
  }
  .page-product-pcbox .page-product-text {
    width: 100% !important;
    margin: 0 !important;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .page-product-pcbox .page-product-text h4 {
    font-size: 18px;
    margin: 0 0 10px;
  }
  .page-product-pcbox .page-product-text h4 .iconfont {
    font-size: 18px;
  }
  .page-product-pcbox .page-product-text p {
    font-size: 16px;
  }
}
.pca-list .pca-item {
  padding: 50px 30px;
  text-align: center;
}
.pca-list .pca-item .icon {
  display: block;
  line-height: 1;
  margin-bottom: 25px;
}
.pca-list .pca-item .icon .iconfont {
  font-size: 58px;
  color: #333;
}
.pca-list .pca-item .icon .icon-operatete {
  color: #efbb67;
}
.pca-list .pca-item .icon .icon-yingxiao {
  color: #55c9f2;
}
.pca-list .pca-item .icon .icon-kehuduan {
  color: #f56983;
}
.pca-list .pca-item h4 {
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 15px;
  color: #444;
}
.pca-list .pca-item p {
  font-size: 16px;
  color: #444;
  line-height: 32px;
}
@media (max-width: 990px) {
  .pca-list .pca-item {
    width: 100%;
    text-align: left;
    padding: 15px 0;
    font-size: 0;
  }
  .pca-list .pca-item .icon {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }
  .pca-list .pca-item .icon .iconfont {
    font-size: 45px;
  }
  .pca-list .pca-item .text {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
  }
  .pca-list .pca-item .text h4 {
    font-size: 16px;
    margin: 0 0 5px;
  }
  .pca-list .pca-item .text p {
    font-size: 14px;
    line-height: 25px;
  }
}
.page-product-pcbox.page-product-pcb .page-product-img {
  display: inline-block;
  width: 60%;
  text-align: right;
  vertical-align: middle;
}
.page-product-pcbox.page-product-pcb .page-product-text {
  display: inline-block;
  width: 38%;
  margin-right: 2%;
  vertical-align: middle;
}
.page-product-wmbox {
  padding: 90px 0;
}
.page-product-wmbox:nth-of-type(2n) {
  background: #f6f6f6;
}
.page-product-wmbox .page-product-wmimg {
  text-align: center;
}
.page-product-wmbox .page-product-wmimg img {
  max-width: 100%;
}
.page-product-wmbox .wmapp-download {
  text-align: center;
}
.page-product-wmbox .wmapp-download > div {
  width: calc(50% - 12px);
  border: 1px solid #f3f3f3;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  padding: 40px 0;
  display: inline-block;
  margin: 0 5px;
}
.page-product-wmbox .wmapp-download > div .img {
  width: 45%;
  text-align: center;
  line-height: 120px;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}
.page-product-wmbox .wmapp-download > div .img img {
  display: inline-block;
  vertical-align: middle;
}
.page-product-wmbox .wmapp-download > div .img .ewm-img {
  display: none;
}
.page-product-wmbox .wmapp-download > div .wz {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  text-align: left;
}
.page-product-wmbox .wmapp-download > div .wz h4 {
  font-size: 28px;
  color: #555;
  font-weight: 400;
  margin-bottom: 15px;
}
.page-product-wmbox .wmapp-download > div .wz h4 span {
  display: block;
  font-size: 22px;
  margin-top: 10px;
}
.page-product-wmbox .wmapp-download > div .wz a {
  display: block;
  width: 103px;
  height: 31px;
  border-radius: 2px;
  background: #008af4;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 31px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-product-wmbox .wmapp-download > div .wz a:hover {
  background: #0083cc;
}
.page-product-wmbox .wmapp-download > div .wz p {
  display: none;
  font-size: 18px;
  color: #555;
  line-height: 31px;
}
.page-product-wmbox .wmapp-download > div:hover {
  background: #fafdff;
}
.page-product-wmbox .wmapp-download > div:hover .img img {
  display: none;
}
.page-product-wmbox .wmapp-download > div:hover .img .ewm-img {
  display: inline-block;
}
.page-product-wmbox .wmapp-download > div:hover .wz p {
  display: block;
}
.page-product-wmbox .wmapp-download .ios-app:hover .wz a {
  display: none;
}
@media (max-width: 990px) {
  .page-product-wmbox .wmapp-download > div {
    width: 100%;
    margin: 10px 0;
  }
}
@media (max-width: 990px) {
  .page-product-wmbox {
    padding: 40px 0;
  }
}
.wm-language {
  background: url(../images/wm-map.png) no-repeat center 210px;
  padding: 120px 0;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .wm-language {
    padding: 30px 0;
  }
}
.wma-list {
  font-size: 0;
}
.wma-list li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 14.2857%;
}
.wma-list li .icon {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.wma-list li .icon img {
  max-width: 100%;
}
.wma-list li .dots {
  margin: 13px 0;
  position: relative;
  height: 15px;
}
.wma-list li .dots:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 7px;
  border-top: 1px dashed #999;
}
.wma-list li .dots:before {
  content: '';
  position: absolute;
  z-index: 9;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  left: 50%;
  margin-left: -7.5px;
  border: 3px solid #c9c9c9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.wma-list li p {
  font-size: 14px;
  color: #555;
  margin-bottom: 0;
}
.wma-list li:hover .icon {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.wma-list li:hover .dots:before {
  background: #03a9f4;
  border-color: hsla(0, 0%, 100%, 0.6);
}
@media (max-width: 990px) {
  .page-product-wma .wma-list li {
    width: 25%;
    margin-bottom: 10px;
  }
  .page-product-wma .wma-list li:nth-of-type(7) {
    display: none;
  }
}
@media (max-width: 520px) {
  .page-product-wma .wma-list li {
    width: 33.33333%;
  }
}
.page-product-wmb .wmb-list {
  padding: 0 5%;
}
.page-product-wmb .wmb-list li {
  float: left;
  width: 20%;
  margin: 12.5px 0;
  font-size: 16px;
  color: #666;
  padding-left: 4%;
}
.page-product-wmb .wmb-list li img {
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .page-product-wmb .wmb-list {
    padding: 0;
  }
}
@media (max-width: 990px) {
  .page-product-wmb .wmb-list li {
    width: 25%;
    margin: 3px 0;
  }
}
@media (max-width: 768px) {
  .page-product-wmb .wmb-list li {
    font-size: 0;
    text-align: center;
    margin-bottom: 12px;
  }
  .page-product-wmb .wmb-list li img {
    max-width: 100%;
  }
}
.page-product-wxbox {
  background: #fff;
  padding: 90px 0;
}
.page-product-wxbox:nth-of-type(odd) {
  background: #f6f6f6;
}
@media (max-width: 990px) {
  .page-product-wxbox {
    padding: 40px 0;
  }
}
.page-product-wxa {
  padding-bottom: 0;
}
.page-product-wxa .wxa-text {
  float: left;
  width: 35%;
  padding-top: 10%;
}
.page-product-wxa .wxa-text h4 {
  font-size: 22px;
  color: #444;
  font-weight: 400;
}
.page-product-wxa .wxa-text p {
  font-size: 16px;
  line-height: 2.625;
  color: #444;
}
.page-product-wxa .wxa-img img {
  max-width: 100%;
}
@media (max-width: 1200px) {
  .page-product-wxa .wxa-text {
    padding-top: 5%;
  }
}
@media (max-width: 990px) {
  .page-product-wxa .wxa-text {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
.wxb-list div[class*='col-'] {
  margin: 15px 0;
  margin-top: 0;
}
.wxb-list .wechat-item {
  border: 1px solid silver;
  padding: 40px 50px;
  color: #444;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: center;
}
.wxb-list .wechat-item h5 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #222;
}
.wxb-list .wechat-item p {
  font-size: 14px;
  line-height: 30px;
  min-height: 60px;
}
.wxb-list .wechat-item:hover {
  -webkit-box-shadow: 0 3px 7.6px 0.4px rgba(2, 2, 2, 0.15);
  box-shadow: 0 3px 7.6px 0.4px rgba(2, 2, 2, 0.15);
}
@media (max-width: 768px) {
  .page-product-wxb .wxb-list .wechat-item {
    padding: 30px;
  }
  .page-product-wxb .wxb-list .wechat-item h5 {
    font-weight: 400;
  }
}
.wxc-list .wxc-item {
  text-align: center;
  padding: 0 10%;
}
.wxc-list .wxc-item .icon {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
}
.wxc-list .wxc-item .icon .iconfont {
  font-size: 40px;
  color: #444;
}
.wxc-list .wxc-item .icon .icon-hulianwang1 {
  color: #efbb67;
}
.wxc-list .wxc-item .icon .icon-kehuqunzurenxianxing {
  color: #55c9f2;
}
.wxc-list .wxc-item .icon .icon-qiye {
  color: #f56983;
}
.wxc-list .wxc-item h4 {
  font-size: 16px;
  color: #242424;
  font-weight: 400;
  margin: 0 0 10px;
}
.wxc-list .wxc-item p {
  font-size: 14px;
  line-height: 30px;
  color: #444;
  font-weight: 200;
}
@media (max-width: 768px) {
  .wxc-list .wxc-item {
    margin-bottom: 30px;
    padding: 0;
  }
  .wxc-list .wxc-item .icon {
    margin-bottom: 10px;
  }
}
.page-product-wxd .wxd-text {
  width: 49%;
  padding-right: 8%;
  display: inline-block;
  vertical-align: middle;
}
.page-product-wxd .wxd-text dl {
  margin-bottom: 25px;
}
.page-product-wxd .wxd-text dl dt {
  font-weight: 400;
  font-size: 22px;
  color: #444;
  line-height: 45px;
}
.page-product-wxd .wxd-text dl dd {
  font-size: 16px;
  color: #444;
  font-weight: 200;
}
.page-product-wxd .wxd-img {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  text-align: right;
}
.page-product-wxd .wxd-img img {
  max-width: 100%;
}
@media (max-width: 990px) {
  .page-product-wxd .wxd-text {
    display: block;
    width: 100%;
    padding-right: 0;
  }
  .page-product-wxd .wxd-text dl dt {
    font-size: 18px;
  }
  .page-product-wxd .wxd-text dl dd {
    font-size: 14px;
  }
  .page-product-wxd .wxd-img {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.wxe-list div[class*='col-']:not(:last-child) {
  border-right: 1px solid #bababa;
}
.wxe-list .wxe-item .icon {
  display: inline-block;
  vertical-align: middle;
  width: 55px;
}
.wxe-list .wxe-item .icon .iconfont {
  font-size: 40px;
  color: #7b7b7b;
}
.wxe-list .wxe-item .text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 60px);
  color: #444;
}
.wxe-list .wxe-item .text h5 {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
}
.wxe-list .wxe-item .text p {
  font-size: 14px;
  font-weight: 200;
}
@media (max-width: 990px) {
  .wxe-list div[class*='col-'] {
    margin: 10px 0;
  }
  .wxe-list div[class*='col-']:nth-of-type(2n) {
    border-right: none;
  }
}
@media (max-width: 500px) {
  .wxe-list div[class*='col-'] {
    border-right: none !important;
  }
}
.page-product-wxf {
  text-align: center;
}
.page-product-wxf h3 {
  font-size: 36px;
  font-weight: 200;
  color: #444;
  margin: 0 0 30px;
}
.page-product-wxf h3 span {
  font-weight: 400;
  color: #45a89e;
}
.page-product-wxf h4 {
  font-size: 20px;
  color: #444;
  margin-bottom: 15px;
  font-weight: 400;
}
.page-product-wxf h4 .iconfont {
  font-size: 20px;
  color: #444;
  margin-right: 5px;
}
.page-product-wxf h5 {
  margin: 0;
  font-size: 16px;
  color: #444;
}
@media (max-width: 768px) {
  .page-product-wxf h3 {
    font-size: 28px;
  }
}
.page-product-jst {
  position: relative;
}
.page-product-jst .jst-app-list img {
  max-width: 100%;
}
.page-product-jst1 {
  position: relative;
  z-index: -2;
}
.page-product-jst {
  background: #f6f6f6;
}
.page-product-jst:nth-of-type(odd) {
  background: #fff;
}
.page-product-jst .jst-summary {
  text-align: center;
  font-size: 14px;
  color: #787878;
  line-height: 35px;
  max-width: 1080px;
  margin: 0 auto;
}
.page-product-jst .wxb-list {
  font-size: 0;
}
.page-product-jst .wxb-list .jst-influence {
  width: 33.3333%;
  display: inline-block;
  vertical-align: top;
}
.page-product-jst .wxb-list .jst-influence .web-item {
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 25px 20px;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon {
  display: block;
  text-align: center;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .iconfont {
  font-size: 100px;
  line-height: 1;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--1 {
  color: #64ba71;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--2 {
  color: #52c1e7;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--3 {
  color: #50bec1;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--4 {
  color: #7ca5d6;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--5 {
  color: #2f91a7;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--6 {
  color: #7ca5d6;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--7 {
  color: #58a564;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--8 {
  color: #39afb3;
}
.page-product-jst .wxb-list .jst-influence .web-item .icon .icon--9 {
  color: #cddf79;
}
.page-product-jst .wxb-list .jst-influence .web-item h5 {
  line-height: 35px;
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 10px;
}
.page-product-jst .wxb-list .jst-influence .web-item p {
  font-size: 14px;
  color: #838383;
  min-height: 42px;
}
@media (min-width: 990px) {
  .page-product-jst .wxb-list .jst-influence:nth-of-type(3n) .web-item {
    border-right: none;
  }
  .page-product-jst .wxb-list .jst-influence:nth-of-type(7) .web-item,
  .page-product-jst .wxb-list .jst-influence:nth-of-type(8) .web-item,
  .page-product-jst .wxb-list .jst-influence:nth-of-type(9) .web-item {
    border-bottom: none;
  }
}
@media (max-width: 990px) {
  .page-product-jst .wxb-list .jst-influence {
    width: 50%;
  }
  .page-product-jst .wxb-list .jst-influence .web-item {
    padding: 20px 20px 10px;
  }
  .page-product-jst .wxb-list .jst-influence .web-item .icon .iconfont {
    font-size: 60px;
  }
  .page-product-jst .wxb-list .jst-influence .web-item h5 {
    font-weight: 400;
    font-size: 14px;
    margin-top: 0;
  }
  .page-product-jst .wxb-list .jst-influence .web-item p {
    font-size: 12px;
  }
  .page-product-jst .wxb-list .jst-influence:nth-of-type(2n) .web-item {
    border-right: none;
  }
  .page-product-jst .wxb-list .jst-influence:nth-of-type(9) .web-item {
    border-bottom: none;
  }
}
@media (max-width: 370px) {
  .page-product-jst .wxb-list .jst-influence {
    width: 100%;
    border-right: none;
  }
  .page-product-jst .wxb-list .jst-influence .web-item {
    padding-bottom: 20px;
  }
  .page-product-jst .wxb-list .jst-influence .web-item p {
    min-height: auto;
  }
}
.jst-introduct {
  padding-bottom: 0;
}
.jst-introduct .page-product-title {
  margin-bottom: 50px;
}
.jst-introduct .jst-app-list {
  margin-top: 60px;
}
.page-product-jst .zc-img {
  width: 100%;
  text-align: center;
}
.page-product-jst .zc-img img {
  max-width: 100%;
}
.page-product-khd {
  text-align: center;
  position: static;
}
.page-product-khd .jst-kehuduan {
  width: 100%;
  text-align: center;
  margin-top: -20px;
}
.page-product-khd .jst-kehuduan img {
  max-width: 100%;
  display: block;
}
.page-product-khd .khd-download {
  width: 153px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #333;
  border-radius: 25px;
  color: #333;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
  cursor: pointer;
}
.page-product-khd .khd-download span {
  display: inline-block;
  vertical-align: middle;
}
.page-product-khd .khd-download .icon {
  margin-right: 2px;
}
.page-product-khd .khd-download .icon .iconfont {
  font-size: 20px;
  color: #333;
}
.page-product-khd .khd-download:hover {
  background: #1bb1f4;
  border: 1px solid #1bb1f4;
}
.page-product-khd .khd-download:hover .icon .iconfont,
.page-product-khd .khd-download:hover span {
  color: #fff;
}
.page-product-khd .pc-version-box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  z-index: 9999;
  display: none;
}
.page-product-khd .pc-version-box .pc-version {
  position: absolute;
  padding: 40px 50px;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 580px;
}
.page-product-khd .pc-version-box .pc-version h3 {
  font-weight: 400;
  margin-top: 0;
  position: relative;
}
.page-product-khd .pc-version-box .pc-version h3 .icon {
  display: block;
}
.page-product-khd .pc-version-box .pc-version h3 .icon .iconfont {
  font-size: 62px;
  color: #333;
}
.page-product-khd .pc-version-box .pc-version h3 .title {
  font-size: 22px;
  color: #333;
  line-height: 35px;
}
.page-product-khd .pc-version-box .pc-version h3 p {
  font-size: 14px;
  color: #666;
  padding: 10px 0;
  padding-bottom: 20px;
}
.page-product-khd .pc-version-box .pc-version h3 .version-hide {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -43px;
  top: -31px;
  cursor: pointer;
}
.page-product-khd .pc-version-box .pc-version h3 .version-hide .iconfont {
  color: #8f8e8f;
  font-size: 16px;
}
.page-product-khd .pc-version-box .pc-version .button a {
  display: inline-block;
  width: 175px;
  height: 38px;
  background: #1bb1f4;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  border-radius: 25px;
  margin: 0 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-product-khd .pc-version-box .pc-version .button a:hover {
  background: #0083cc;
}
@media (max-width: 768px) {
  .page-product-khd .jst-kehuduan .open-version {
    margin-bottom: 10px;
  }
  .page-product-khd .pc-version-box .pc-version {
    width: 90%;
  }
  .page-product-khd .pc-version-box .pc-version .button a {
    margin-bottom: 10px;
  }
}
.page-product-wmbox .jst-kehuduan {
  width: 100%;
  text-align: center;
  margin-top: -20px;
}
.page-product-wmbox .jst-kehuduan .khd-download {
  width: 153px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #333;
  border-radius: 25px;
  color: #333;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
  cursor: pointer;
}
.page-product-wmbox .jst-kehuduan .khd-download span {
  display: inline-block;
  vertical-align: middle;
}
.page-product-wmbox .jst-kehuduan .khd-download .icon {
  margin-right: 2px;
}
.page-product-wmbox .jst-kehuduan .khd-download .icon .iconfont {
  font-size: 20px;
  color: #333;
}
.page-product-wmbox .jst-kehuduan .khd-download:hover {
  background: #1bb1f4;
  border: 1px solid #1bb1f4;
}
.page-product-wmbox .jst-kehuduan .khd-download:hover .icon .iconfont,
.page-product-wmbox .jst-kehuduan .khd-download:hover span {
  color: #fff;
}
.page-product-wmbox .pc-version-box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  z-index: 9999;
  display: none;
  text-align: center;
}
.page-product-wmbox .pc-version-box .pc-version {
  position: absolute;
  padding: 40px 50px;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 580px;
}
.page-product-wmbox .pc-version-box .pc-version h3 {
  font-weight: 400;
  margin-top: 0;
  position: relative;
}
.page-product-wmbox .pc-version-box .pc-version h3 .icon {
  display: block;
}
.page-product-wmbox .pc-version-box .pc-version h3 .icon .iconfont {
  font-size: 62px;
  color: #333;
}
.page-product-wmbox .pc-version-box .pc-version h3 .title {
  font-size: 22px;
  color: #333;
  line-height: 35px;
}
.page-product-wmbox .pc-version-box .pc-version h3 p {
  font-size: 14px;
  color: #666;
  padding: 10px 0;
  padding-bottom: 20px;
}
.page-product-wmbox .pc-version-box .pc-version h3 .version-hide {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -43px;
  top: -31px;
  cursor: pointer;
}
.page-product-wmbox .pc-version-box .pc-version h3 .version-hide .iconfont {
  color: #8f8e8f;
  font-size: 16px;
}
.page-product-wmbox .pc-version-box .pc-version .button {
  text-align: left;
}
.page-product-wmbox .pc-version-box .pc-version .button .anniu {
  display: inline-block;
  vertical-align: middle;
  width: 175px;
  height: 38px;
  background: #1bb1f4;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 38px;
  border-radius: 25px;
  margin-right: 60px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page-product-wmbox .pc-version-box .pc-version .button .anniu:hover {
  background: #0083cc;
}
.page-product-wmbox .pc-version-box .pc-version .button .code {
  display: inline-block;
  vertical-align: middle;
  padding-left: 72px;
  border-left: 1px solid #ddd;
}
.page-product-wmbox .pc-version-box .pc-version .button .code p {
  text-align: center;
  color: #333;
  line-height: 30px;
  font-size: 14px;
}
.page-product-wmbox .pc-version-box .ios-version {
  width: 300px;
}
.page-product-wmbox .pc-version-box .ios-version .button {
  text-align: center;
}
.page-product-wmbox .pc-version-box .ios-version .button .code {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  border-left: none;
}
.page-product-wmbox .pc-version-box .ios-version .button .code p {
  text-align: center;
  color: #333;
  line-height: 30px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .page-product-wmbox .jst-kehuduan .open-versions {
    margin-top: 10px;
  }
  .page-product-wmbox .pc-version-box .pc-version {
    width: 90%;
  }
  .page-product-wmbox .pc-version-box .pc-version .button {
    text-align: center;
  }
  .page-product-wmbox .pc-version-box .pc-version .button .anniu {
    margin-right: 0;
  }
  .page-product-wmbox .pc-version-box .pc-version .button .code {
    padding-left: 0;
    border-left: none;
    margin-top: 20px;
  }
}
.page-product-pcbox .jst-kehuduan {
  width: 100%;
  text-align: center;
  margin-top: -20px;
}
.page-product-pcbox .jst-kehuduan .khd-download {
  width: 153px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #333;
  border-radius: 25px;
  color: #333;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
  cursor: pointer;
}
.page-product-pcbox .jst-kehuduan .khd-download span {
  display: inline-block;
  vertical-align: middle;
}
.page-product-pcbox .jst-kehuduan .khd-download .icon {
  margin-right: 2px;
}
.page-product-pcbox .jst-kehuduan .khd-download .icon .iconfont {
  font-size: 20px;
  color: #333;
}
.page-product-pcbox .jst-kehuduan .khd-download:hover {
  background: #1bb1f4;
  border: 1px solid #1bb1f4;
}
.page-product-pcbox .jst-kehuduan .khd-download:hover .icon .iconfont,
.page-product-pcbox .jst-kehuduan .khd-download:hover span {
  color: #fff;
}
@media (max-width: 460px) {
  .page-product-pcbox .jst-kehuduan .khd-download {
    margin-top: 10px;
  }
}
.demo-link {
  text-align: center;
  margin-top: 2em;
  font-size: 15px;
}
.demo-link a {
  display: inline-block;
  padding: 0.5em 3em;
  background: #1891ff;
  border-radius: 2em;
  color: #fff;
}
.demo-link a:hover {
  background: #1eaeff;
}
.partner-row {
  text-align: justify;
}
.partner-row .partner-col {
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  width: 23%;
  vertical-align: top;
  border: 1px solid #ddd;
}
.partner-row .partner-col a {
  display: block;
  text-align: center;
  height: 130px;
  padding: 0 5%;
}
.partner-row .partner-col a:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.partner-row .partner-col a img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
}
.partner-row .partner-col a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-filter: none;
  filter: none;
}
.partner-row:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
@media (max-width: 768px) {
  .jst-partner {
    padding: 30px 0;
  }
  .partner-row {
    padding: 0;
  }
  .partner-row .partner-col {
    width: 46%;
  }
}
.page-product-ksp {
  padding: 4.94791667% 0;
  background: #fff;
}
.page-product-ksp:nth-of-type(2n) {
  background: #f6f6f6;
}
@media (min-width: 990px) {
  .page-product-ksp .page-product-title {
    margin-bottom: 50px;
  }
}
.page-product-ksp .jst-kehuduan {
  margin-top: 0;
}
.page-product-ksp .ksp-about-imgs {
  position: relative;
  width: 75.21367521%;
  padding-top: 5.72649573%;
  margin: 0 auto;
}
.page-product-ksp .ksp-about-imgs .bg-img {
  max-width: 100%;
}
.page-product-ksp .ksp-about-imgs span {
  position: absolute;
}
.page-product-ksp .ksp-about-imgs span img {
  width: 114px;
}
.page-product-ksp .ksp-about-imgs .icon1 {
  left: 0;
  bottom: 18.84700665%;
}
.page-product-ksp .ksp-about-imgs .icon2 {
  left: 24.65909091%;
  bottom: 65.85365854%;
}
.page-product-ksp .ksp-about-imgs .icon3 {
  left: 62.27272727%;
  bottom: 65.85365854%;
}
.page-product-ksp .ksp-about-imgs .icon4 {
  right: 0;
  bottom: 18.84700665%;
}
@media (max-width: 990px) {
  .page-product-ksp .ksp-about-imgs {
    width: 100%;
    font-size: 0;
  }
  .page-product-ksp .ksp-about-imgs .bg-img {
    display: none;
    padding-top: 0;
  }
  .page-product-ksp .ksp-about-imgs span {
    position: static;
    width: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 5px 0;
  }
  .page-product-ksp .ksp-about-imgs span img {
    width: auto;
    max-width: 100%;
  }
}
.ksp-summary {
  text-align: center;
  font-size: 16px;
  color: #555;
  line-height: 1.7;
  margin-top: 2.08333333%;
}
@media (min-width: 990px) {
  .ksp-summary {
    padding: 0 4.16666667%;
  }
}
.page-product-khd .khd-download {
  width: 170px;
}
.page-product-khd .ksp-32 {
  padding-top: 10px;
  display: inline-block;
  text-decoration: underline !important;
}
.ksp-product-about {
  text-align: center;
  padding-bottom: 0;
}
.ksp-product-about img {
  max-width: 100%;
}
.ksp-function-list {
  margin: 0 -10px;
}
.ksp-function-list div[class^='col-'] {
  padding: 0 10px;
  margin-bottom: 20px;
}
.ksp-function-item {
  border: 1px solid #e6e6e6;
  padding: 40px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ksp-function-item h3 {
  font-size: 18px;
  color: #444;
  font-weight: 400;
  line-height: 40px;
  margin: 0 0 20px;
  padding-left: 50px;
  position: relative;
}
.ksp-function-item h3 .iconfont {
  font-size: 37px;
  line-height: 1;
  position: absolute;
  left: 0;
}
.ksp-function-item p {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.ksp-function-item:hover {
  -webkit-box-shadow: 0 3px 7.6px 0.4px rgba(2, 2, 2, 0.15);
  box-shadow: 0 3px 7.6px 0.4px rgba(2, 2, 2, 0.15);
}
.ksp-goods-item {
  margin: 0 25px;
  text-align: center;
}
.ksp-goods-item .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 35px;
  line-height: 60px;
  border-radius: 50%;
}
.ksp-goods-item .icon .iconfont {
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  font-size: 28px;
}
.ksp-goods-item .icon-bg1 {
  background: #47cbb5;
  -webkit-box-shadow: 0 0 0 10px rgba(71, 203, 181, 0.08);
  box-shadow: 0 0 0 10px rgba(71, 203, 181, 0.08);
}
.ksp-goods-item .icon-bg2 {
  background: #59bce5;
  -webkit-box-shadow: 0 0 0 10px rgba(89, 188, 229, 0.08);
  box-shadow: 0 0 0 10px rgba(89, 188, 229, 0.08);
}
.ksp-goods-item .icon-bg3 {
  background: #9da7ec;
  -webkit-box-shadow: 0 0 0 10px rgba(157, 167, 236, 0.08);
  box-shadow: 0 0 0 10px rgba(157, 167, 236, 0.08);
}
.ksp-goods-item .icon-bg4 {
  background: #fb7159;
  -webkit-box-shadow: 0 0 0 10px hsla(9, 95%, 67%, 0.08);
  box-shadow: 0 0 0 10px hsla(9, 95%, 67%, 0.08);
}
.ksp-goods-item h3 {
  font-size: 18px;
  color: #333;
  margin: 0 0 20px;
  font-weight: 400;
}
.ksp-goods-item p {
  font-size: 14px;
  line-height: 28px;
  color: #666;
}
@media (max-width: 990px) {
  .ksp-goods-item {
    margin: 0 0 20px;
  }
  .ksp-function-item {
    padding: 15px;
  }
  .ksp-function-item h3 {
    line-height: 20px;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .ksp-function-item h3 .iconfont {
    font-size: 20px;
  }
  .ksp-summary {
    font-size: 14px;
    line-height: 1.5;
  }
}
.ksp-speed-btn {
  text-align: center;
}
.ksp-speed-btn a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  padding: 0.5em 2.5em;
  background: #1891ff;
  border-radius: 2em;
}
.ksp-speed-btn a:hover {
  opacity: 0.8;
}
.sample-pc {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .sample-pc {
    margin-top: 30px;
  }
}
.sample-pc .sample-pc-title {
  text-align: center;
}
.sample-pc .sample-pc-title h3 {
  font-size: 36px;
  color: #333;
  font-weight: 400;
  line-height: 36px;
  margin: 0;
}
.sample-pc .sample-pc-title h3 span {
  font-weight: 600;
}
@media (max-width: 768px) {
  .sample-pc .sample-pc-title h3 {
    font-size: 18px;
  }
}
.sample-pc .pc-list1 {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .sample-pc .pc-list1 {
    margin-top: 20px;
  }
}
.sample-pc .pc-list1 .pc-item1 {
  text-align: center;
  background: #f6810d;
  padding: 50px 0;
  position: relative;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.sample-pc .pc-list1 .pc-item1:before {
  left: 50%;
}
.sample-pc .pc-list1 .pc-item1:after,
.sample-pc .pc-list1 .pc-item1:before {
  content: '';
  width: 0;
  height: 100%;
  background: #dd750d;
  position: absolute;
  top: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.sample-pc .pc-list1 .pc-item1:after {
  right: 50%;
}
.sample-pc .pc-list1 .pc-item1:hover:before {
  width: 52%;
  left: 0;
}
.sample-pc .pc-list1 .pc-item1:hover:after {
  width: 52%;
  right: 0;
}
.sample-pc .pc-list1 .pc-item1 h3 {
  font-size: 32px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
  position: relative;
  z-index: 9;
}
.sample-pc .pc-list1 .pc-item1 span {
  display: block;
  font-size: 18px;
  color: #fff;
  line-height: 18px;
  margin-top: 15px;
  position: relative;
  z-index: 9;
}
@media (max-width: 990px) {
  .sample-pc .pc-list1 .pc-item1 {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .sample-pc .pc-list1 .pc-item1 {
    padding: 20px 0;
  }
  .sample-pc .pc-list1 .pc-item1 h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .sample-pc .pc-list1 .pc-item1 span {
    font-size: 14px;
    line-height: 14px;
  }
}
.sample-pc .pc-list1 .pc-item2 {
  background: #237bc9;
}
.sample-pc .pc-list1 .pc-item2:after,
.sample-pc .pc-list1 .pc-item2:before {
  background: #1e6cb0;
}
.sample-pc .pc-list1 .pc-item3 {
  background: #5243af;
}
.sample-pc .pc-list1 .pc-item3:after,
.sample-pc .pc-list1 .pc-item3:before {
  background: #4a3c9f;
}
.sample-pc .pc-list1 .pc-item4 {
  background: #12b1bc;
}
.sample-pc .pc-list1 .pc-item4:after,
.sample-pc .pc-list1 .pc-item4:before {
  background: #11a3ad;
}
.sample-seo {
  background: #f7f7fb;
  padding: 65px 0;
  margin-top: 80px;
}
.sample-seo .sample-seo-title {
  text-align: center;
}
.sample-seo .sample-seo-title h3 {
  font-size: 36px;
  color: #333;
  margin: 0;
  line-height: 36px;
  font-weight: 600;
}
.sample-seo .sample-seo-title span {
  display: block;
  font-size: 24px;
  color: #524f4f;
  line-height: 24px;
  margin-top: 15px;
}
.sample-seo .sample-seo-tu {
  text-align: center;
  margin-top: 80px;
}
.sample-seo .sample-seo-tu img {
  max-width: 100%;
}
.sample-seo .sample-seo-more {
  max-width: 250px;
  line-height: 54px;
  border-radius: 50px;
  background: url(//static.cn86.cn/img/2020/05/028a2bff95dwcyr2.png) no-repeat
    85% #0fa0fd;
  font-size: 22px;
  text-indent: 35px;
  -webkit-box-shadow: 0 0 8px rgba(15, 160, 253, 0.3);
  box-shadow: 0 0 8px rgba(15, 160, 253, 0.3);
  margin: 0 auto;
  margin-top: 35px;
}
.sample-seo .sample-seo-more a {
  color: #fff;
}
@media (max-width: 768px) {
  .sample-seo {
    padding: 30px 0;
    margin-top: 40px;
  }
  .sample-seo .sample-seo-title h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .sample-seo .sample-seo-title span {
    font-size: 14px;
    line-height: 14px;
  }
  .sample-seo .sample-seo-tu {
    margin-top: 30px;
  }
  .sample-seo .sample-seo-more {
    max-width: 150px;
    margin-top: 20px;
    line-height: 34px;
    font-size: 16px;
    text-indent: 10px;
    background: url(//static.cn86.cn/img/2020/05/028a2bff95dwcyr2.png) no-repeat
      92% #0fa0fd;
  }
}
.sample-paiming {
  padding-top: 75px;
  padding-bottom: 50px;
}
.sample-paiming .sample-paiming-title {
  text-align: center;
}
.sample-paiming .sample-paiming-title h3 {
  font-size: 36px;
  line-height: 36px;
  color: #333;
  font-weight: 400;
  margin: 0;
}
.sample-paiming .paiming-con {
  margin-top: 70px;
}
.sample-paiming .paiming-con .paiming-left {
  float: left;
  width: 42%;
}
.sample-paiming .paiming-con .paiming-left img {
  max-width: 100%;
}
.sample-paiming .paiming-con .paiming-right {
  float: right;
  width: 55%;
  margin-top: 30px;
}
.sample-paiming .paiming-con .paiming-right ul {
  font-size: 0;
  border-top: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
}
.sample-paiming .paiming-con .paiming-right ul li {
  display: inline-block;
  width: 25%;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 28px;
}
.sample-paiming .paiming-con .paiming-right ul li img {
  max-width: 100%;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sample-paiming .paiming-con .paiming-right ul li:hover img {
  top: -10px;
}
.sample-paiming .paiming-con .paiming-right ul li h3 {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 16px;
  margin: 0;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .sample-paiming {
    padding-top: 35px;
    padding-bottom: 20px;
  }
  .sample-paiming .sample-paiming-title h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
  }
  .sample-paiming .paiming-con {
    margin-top: 35px;
  }
  .sample-paiming .paiming-con .paiming-left,
  .sample-paiming .paiming-con .paiming-right {
    float: none;
    width: 100%;
  }
  .sample-paiming .paiming-con .paiming-right ul li h3 {
    font-size: 12px;
  }
}
.sample-dingzhi {
  background: url(//static.cn86.cn/img/2020/05/1747baf2b0x3vv5b.jpg) no-repeat
    50%;
  padding-top: 80px;
  padding-bottom: 20px;
  background-size: cover;
}
.sample-dingzhi .sample-dingzhi-title {
  text-align: center;
}
.sample-dingzhi .sample-dingzhi-title h3 {
  font-size: 36px;
  color: #fff;
  font-weight: 600;
  line-height: 36px;
  margin: 0;
}
.sample-dingzhi .sample-dingzhi-title span {
  display: block;
  font-size: 24px;
  color: #fff;
  line-height: 24px;
  margin-top: 18px;
}
.sample-dingzhi .dingzhi-con {
  margin-top: 50px;
}
.sample-dingzhi .dingzhi-con .dingzhi-left {
  float: left;
  width: 43.5%;
  margin-top: 20px;
}
.sample-dingzhi .dingzhi-con .dingzhi-left ul {
  background: url(//static.cn86.cn/img/2020/05/b834093c11dhiy9m.png) no-repeat 0
    0;
  padding-left: 65px;
}
.sample-dingzhi .dingzhi-con .dingzhi-left ul li {
  font-size: 20px;
  color: #fff;
  margin-bottom: 42px;
}
.sample-dingzhi .dingzhi-con .dingzhi-left ul li span {
  font-weight: 600;
}
.sample-dingzhi .dingzhi-con .dingzhi-left a {
  display: block;
  max-width: 250px;
  line-height: 54px;
  border-radius: 50px;
  background: url(//static.cn86.cn/img/2020/05/028a2bff95dwcyr2.png) no-repeat
    85% #0fa0fd;
  font-size: 22px;
  text-indent: 35px;
  color: #fff;
  margin-top: 70px;
}
.sample-dingzhi .dingzhi-con .dingzhi-right {
  float: right;
  width: 48%;
}
.sample-dingzhi .dingzhi-con .dingzhi-right img {
  max-width: 100%;
}
@media (max-width: 768px) {
  .sample-dingzhi {
    padding-top: 40px;
  }
  .sample-dingzhi .sample-dingzhi-title h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .sample-dingzhi .sample-dingzhi-title span {
    font-size: 14px;
    line-height: 14px;
  }
  .sample-dingzhi .dingzhi-con {
    margin-top: 10px;
  }
  .sample-dingzhi .dingzhi-con .dingzhi-left {
    float: none;
    width: 100%;
  }
  .sample-dingzhi .dingzhi-con .dingzhi-left ul {
    padding-left: 30px;
    background-size: contain;
  }
  .sample-dingzhi .dingzhi-con .dingzhi-left ul li {
    margin-bottom: 20px;
    font-size: 12px;
  }
  .sample-dingzhi .dingzhi-con .dingzhi-left a {
    margin-top: 15px;
    width: 50%;
    line-height: 35px;
    font-size: 15px;
  }
  .sample-dingzhi .dingzhi-con .dingzhi-right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}
.sample-rukou {
  position: relative;
}
.sample-rukou img {
  width: 100%;
}
.sample-rukou .rukou-title {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 5%;
}
.sample-rukou .rukou-title h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  color: #333;
  margin: 0;
}
.sample-rukou .rukou-title span {
  display: block;
  font-size: 24px;
  color: #524f4f;
  line-height: 24px;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .sample-rukou {
    margin-top: 20px;
  }
  .sample-rukou .rukou-title {
    position: static;
  }
  .sample-rukou .rukou-title h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .sample-rukou .rukou-title span {
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
  }
  .sample-rukou img {
    margin-top: 15px;
  }
}
.sample-shuju {
  margin-top: 75px;
}
.sample-shuju .shuju-title {
  text-align: center;
}
.sample-shuju .shuju-title h3 {
  font-size: 36px;
  color: #333;
  line-height: 36px;
  font-weight: 600;
  margin: 0;
}
.sample-shuju .shuju-title span {
  display: block;
  font-size: 24px;
  color: #524f4f;
  line-height: 24px;
  margin-top: 18px;
}
.sample-shuju .pc-list2 {
  margin-top: 65px;
}
.sample-shuju .pc-list2 .pc-item2 {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 40px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sample-shuju .pc-list2 .pc-item2:hover {
  top: -10px;
}
.sample-shuju .pc-list2 .pc-item2 .imgs {
  line-height: 90px;
}
.sample-shuju .pc-list2 .pc-item2 .imgs img {
  max-width: 100%;
}
.sample-shuju .pc-list2 .pc-item2 h3 {
  font-size: 24px;
  font-weight: 400;
  color: #333;
  line-height: 24px;
  margin: 0;
  margin-top: 20px;
}
.sample-shuju .pc-list2 .pc-item2 span {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 16px;
  margin-top: 16px;
}
@media (max-width: 768px) {
  .sample-shuju {
    margin-top: 30px;
  }
  .sample-shuju .shuju-title h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .sample-shuju .shuju-title span {
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
  }
  .sample-shuju .pc-list2 {
    margin-top: 30px;
  }
  .sample-shuju .pc-list2 .pc-item2 {
    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  .sample-shuju .pc-list2 .pc-item2 .imgs {
    line-height: 60px;
  }
  .sample-shuju .pc-list2 .pc-item2 .imgs img {
    width: 35%;
  }
  .sample-shuju .pc-list2 .pc-item2 h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
  }
  .sample-shuju .pc-list2 .pc-item2 span {
    font-size: 12px;
    margin-top: 10px;
  }
}
.sample-message {
  background: url(//static.cn86.cn/img/2020/05/ba1b207654ecfdo3.png) no-repeat
    50%;
  background-size: cover;
  padding-top: 55px;
  padding-bottom: 60px;
  margin-top: 90px;
}
.sample-message .message-title {
  text-align: center;
}
.sample-message .message-title h3 {
  font-size: 36px;
  color: #fff;
  margin: 0;
  line-height: 36px;
  font-weight: 400;
}
.sample-message .message-title span {
  display: block;
  font-size: 24px;
  color: #e3e3e3;
  line-height: 24px;
  margin-top: 15px;
}
.sample-message .message-con {
  margin-top: 45px;
}
.sample-message .message-con .form-group {
  float: left;
  width: 23%;
  margin-right: 2.5%;
  position: relative;
}
.sample-message .message-con .form-group input {
  background: #fff;
  outline: none;
  border: none;
  width: 100%;
  line-height: 64px;
  text-indent: 20px;
  font-size: 16px;
  height: 64px;
}
.sample-message .message-con .code-wrap {
  background: #fff;
  margin-right: 0;
}
.sample-message .message-con .code-wrap input {
  width: calc(100% - 150px);
}
.sample-message .message-con .code-wrap #captcha {
  position: absolute;
  z-index: 9;
  right: 15px;
  top: calc(50% - 17px);
}
.sample-message .message-con .submit {
  line-height: 60px;
  background: #0d9ffd;
  max-width: 328px;
  margin: 0 auto;
  margin-top: 40px;
}
.sample-message .message-con .submit button {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 18px;
  color: #fff;
}
@media (max-width: 768px) {
  .sample-message {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .sample-message .message-title h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
  }
  .sample-message .message-title span {
    font-size: 14px;
    line-height: 14px;
  }
  .sample-message .message-con {
    margin-top: 25px;
  }
  .sample-message .message-con .form-group {
    float: none;
    width: 100%;
  }
  .sample-message .message-con .form-group input {
    line-height: 40px;
  }
  .sample-message .message-con .submit {
    margin-top: 20px;
    line-height: 40px;
  }
}
.sample-tedian {
  margin-top: 60px;
}
.sample-tedian .tedian-title {
  text-align: center;
  margin-bottom: 50px;
}
.sample-tedian .tedian-title h3 {
  font-size: 36px;
  font-weight: 400;
  line-height: 36px;
  color: #333;
  margin: 0;
}
.sample-tedian .tedian-title span {
  display: block;
  font-size: 22px;
  color: #999;
  line-height: 22px;
  margin-top: 15px;
}
.sample-tedian .tedian-con {
  margin-top: 20px;
}
.sample-tedian .tedian-con .tedian-item {
  border: 1px solid #f7f7f7;
  padding: 30px 40px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sample-tedian .tedian-con .tedian-item .imgs {
  position: relative;
  width: 76px;
  height: 76px;
  text-align: center;
  line-height: 76px;
  border-radius: 50%;
  background: #f7f7f7;
  margin: 0 auto;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.sample-tedian .tedian-con .tedian-item .imgs div {
  position: absolute;
  left: 0;
  top: 0;
  width: 76px;
  height: 76px;
  text-align: center;
}
.sample-tedian .tedian-con .tedian-item .imgs .img1 {
  opacity: 1;
}
.sample-tedian .tedian-con .tedian-item .imgs .img2 {
  opacity: 0;
}
.sample-tedian .tedian-con .tedian-item h3 {
  font-size: 22px;
  color: #333;
  line-height: 22px;
  margin: 0;
  margin-top: 25px;
}
.sample-tedian .tedian-con .tedian-item span {
  display: block;
  font-size: 16px;
  color: #999;
  line-height: 18px;
  margin-top: 18px;
  height: 36px;
}
.sample-tedian .tedian-con .tedian-item:hover {
  -webkit-box-shadow: 0 0 15px rgba(13, 159, 253, 0.2);
  box-shadow: 0 0 15px rgba(13, 159, 253, 0.2);
}
.sample-tedian .tedian-con .tedian-item:hover .imgs {
  background: #0d9ffd;
}
.sample-tedian .tedian-con .tedian-item:hover .imgs .img1 {
  opacity: 0;
}
.sample-tedian .tedian-con .tedian-item:hover .imgs .img2 {
  opacity: 1;
}
@media (max-width: 1024px) {
  .sample-tedian .tedian-con .tedian-item span {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .sample-tedian .tedian-con .tedian-item {
    margin-bottom: 15px;
  }
}
@media (max-width: 520px) {
  .sample-tedian {
    margin-top: 30px;
  }
  .sample-tedian .tedian-title {
    margin-bottom: 30px;
  }
  .sample-tedian .tedian-title h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
  }
  .sample-tedian .tedian-title span {
    font-size: 14px;
    line-height: 14px;
  }
  .sample-tedian .tedian-con {
    margin-top: 0;
  }
  .sample-tedian .tedian-con .tedian-item {
    padding: 15px;
  }
  .sample-tedian .tedian-con .tedian-item h3 {
    font-size: 14px;
    line-height: 14px;
    margin-top: 15px;
  }
  .sample-tedian .tedian-con .tedian-item span {
    margin-top: 5px;
    font-size: 12px;
  }
}
.sample-pingtai {
  background: url(//static.cn86.cn/img/2020/05/3b1e8da0a7pda7dc.jpg) no-repeat
    50%;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 80px;
  margin-top: 75px;
}
.sample-pingtai .pingtai-title {
  text-align: center;
}
.sample-pingtai .pingtai-title h3 {
  font-size: 36px;
  font-weight: 400;
  line-height: 36px;
  color: #333;
  margin: 0;
}
.sample-pingtai .pingtai-title span {
  display: block;
  font-size: 22px;
  color: #999;
  line-height: 22px;
  margin-top: 15px;
}
.sample-pingtai .pintai-list {
  margin-top: 33px;
}
.sample-pingtai .pintai-list li {
  float: left;
  width: 18%;
  margin-right: 2.5%;
  margin-top: 27px;
}
.sample-pingtai .pintai-list li:nth-child(5n) {
  margin-right: 0;
}
.sample-pingtai .pintai-list li img {
  width: 100%;
}
.sample-pingtai .pintai-list1 {
  margin-top: 20px;
}
.sample-pingtai .pintai-list1 li {
  float: left;
  width: 48%;
  margin-bottom: 10px;
}
.sample-pingtai .pintai-list1 li img {
  width: 100%;
}
.sample-pingtai .pintai-list1 li:nth-child(2n) {
  float: right;
}
@media (max-width: 520px) {
  .sample-pingtai {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .sample-pingtai .pingtai-title h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
  }
  .sample-pingtai .pingtai-title span {
    font-size: 14px;
    line-height: 14px;
  }
  .sample-pingtai .pintai-list {
    margin-top: 15px;
  }
  .sample-pingtai .pintai-list li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-top: 10px;
  }
}
.jst-case {
  margin-top: 55px;
}
.jst-case .jst-case-title {
  text-align: center;
}
.jst-case .jst-case-title h3 {
  font-size: 36px;
  color: #333;
  font-weight: 400;
  line-height: 36px;
  margin: 0;
}
.jst-case .jst-case-title .jst-case-cate {
  text-align: center;
  font-size: 0;
  margin-top: 20px;
}
.jst-case .jst-case-title .jst-case-cate li {
  display: inline-block;
  font-size: 22px;
  line-height: 22px;
  padding: 0 20px;
  border-right: 1px solid #999;
  color: #999;
}
.jst-case .jst-case-title .jst-case-cate li:nth-child(2) {
  border: none;
}
.jst-case .jst-case-title .jst-case-cate li.cur {
  color: #0d9ffd;
}
.jst-case .jst-case-con {
  margin-top: 40px;
}
.jst-case .jst-case-con .jst-case-list li {
  float: left;
  width: 32%;
  text-align: center;
  margin-right: 2%;
}
.jst-case .jst-case-con .jst-case-list li:nth-child(3n) {
  margin-right: 0;
}
.jst-case .jst-case-con .jst-case-list li .images {
  border: 1px solid #eee;
}
.jst-case .jst-case-con .jst-case-list li .images img {
  width: 100%;
}
.jst-case .jst-case-con .jst-case-list li h3 {
  font-size: 22px;
  color: #333;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .jst-case .jst-case-con .jst-case-list li h3 {
    font-size: 16px;
    line-height: 16px;
  }
}
.jst-case .jst-case-con .jst-case-list li span {
  display: block;
  font-size: 14px;
  font-family: Arial;
  margin-top: 20px;
  line-height: 16px;
  overflow: hidden;
}
.jst-case .jst-case-con .jst-case-list li span a {
  color: #0d9ffd;
}
.jst-case .jst-case-con .jst-case-list li h2 {
  margin: 0;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  line-height: 14px;
  margin-top: 10px;
}
.jst-case .jst-case-con .jst-case-list li a.case-more {
  display: block;
  max-width: 140px;
  line-height: 36px;
  background: url(//static.cn86.cn/img/2020/05/ed60c17eb7x0tmxw.png) no-repeat
    15% #0d9ffd;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 14px;
  color: #fff;
  text-indent: 10%;
}
@media (max-width: 520px) {
  .jst-case {
    margin-top: 25px;
  }
  .jst-case .jst-case-title h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
  }
  .jst-case .jst-case-title .jst-case-cate {
    margin-top: 15px;
  }
  .jst-case .jst-case-title .jst-case-cate li {
    font-size: 14px;
    line-height: 14px;
  }
  .jst-case .jst-case-con {
    margin-top: 20px;
  }
  .jst-case .jst-case-con .jst-case-list li {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  .jst-case .jst-case-con .jst-case-list li h3,
  .jst-case .jst-case-con .jst-case-list li span {
    margin-top: 10px;
  }
}
.sample-yemian {
  background: #f8f8f8;
  padding-top: 60px;
  padding-bottom: 35px;
  margin-top: 70px;
}
.sample-yemian .yemian-title {
  text-align: center;
}
.sample-yemian .yemian-title h3 {
  font-size: 36px;
  color: #333;
  line-height: 36px;
  font-weight: 400;
  margin: 0;
}
.sample-yemian .yemian-list li {
  float: left;
  width: 32%;
  margin-right: 2%;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 0;
  margin-top: 30px;
}
.sample-yemian .yemian-list li .images img {
  width: 100%;
}
.sample-yemian .yemian-list li:nth-child(3n) {
  margin-right: 0;
}
.sample-yemian .yemian-list li h3 {
  text-align: center;
  line-height: 70px;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
}
.sample-yemian .yemian-list li h3 a {
  color: #333;
}
@media (max-width: 768px) {
  .sample-yemian .yemian-list li h3 {
    font-size: 12px;
    line-height: 30px;
    height: 52px;
  }
}
.sample-yemian .yemian-list li:hover {
  top: -10px;
}
.sample-yemian .yemian-list li:hover h3 {
  background: #fff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
@media (max-width: 520px) {
  .sample-yemian {
    margin-top: 30px;
    padding-top: 25px;
  }
  .sample-yemian .yemian-title h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
  }
  .sample-yemian .yemian-list li {
    width: 48%;
    margin-right: 0;
  }
  .sample-yemian .yemian-list li h3 {
    line-height: 16px;
    padding: 10px 0;
  }
  .sample-yemian .yemian-list li:nth-child(2n) {
    float: right;
  }
}
.sample-gjc {
  padding-top: 60px;
  padding-bottom: 90px;
}
.sample-gjc .gjc-title {
  text-align: center;
}
.sample-gjc .gjc-title h3 {
  font-size: 36px;
  line-height: 36px;
  color: #333;
  margin: 0;
  font-weight: 400;
}
.sample-gjc .gjc-title span {
  display: block;
  font-size: 22px;
  color: #999;
  line-height: 22px;
  margin-top: 20px;
}
@media (max-width: 520px) {
  .sample-gjc {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .sample-gjc .gjc-title h3 {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
  }
  .sample-gjc .gjc-title span {
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
  }
}
#certify {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
}
#certify .swiper-container {
  padding-top: 10px;
  padding-bottom: 10px;
}
#certify .swiper-slide {
  width: 62%;
}
@media (max-width: 768px) {
  #certify .swiper-slide {
    width: 100%;
  }
}
#certify .swiper-slide img {
  display: block;
  width: 100%;
}
#certify .swiper-slide h3 {
  display: none;
}
#certify .swiper-slide.swiper-slide-active {
  -webkit-box-shadow: 0 0 15px rgba(13, 159, 253, 0.2);
  box-shadow: 0 0 15px rgba(13, 159, 253, 0.2);
}
#certify .swiper-slide.swiper-slide-active h3 {
  display: block;
  font-size: 16px;
  color: #000;
  text-align: center;
  line-height: 40px;
  font-weight: 400;
}
#certify .swiper-slide .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(13, 159, 253, 0.2);
}
#certify .swiper-slide.swiper-slide-active .shadow {
  display: none;
}
#certify .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0;
  display: none;
}
#certify .swiper-slide.swiper-slide-active p {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 45px;
}
@media (max-width: 520px) {
  #certify .swiper-slide.swiper-slide-active p {
    bottom: 5px;
  }
}
#certify .swiper-slide.swiper-slide-active p a {
  display: block;
  max-width: 144px;
  line-height: 34px;
  background: #0d9ffd;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  margin: 0 auto;
}
#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}
#certify .swiper-button-prev {
  left: 0;
  width: 45px;
  height: 45px;
  background: url(//static.cn86.cn/img/2020/05/182069f685wxkacs.png) no-repeat;
  background-size: 100%;
  top: 50%;
  outline: none;
}
#certify .swiper-button-next {
  right: 0;
  width: 45px;
  height: 45px;
  background: url(//static.cn86.cn/img/2020/05/9dd7cdc66bghp9bz.png) no-repeat;
  background-size: 100%;
  top: 50%;
  outline: none;
}
.sample-message1 {
  margin-top: 0;
}
body,
html {
  scroll-behavior: smooth;
}
.contents {
  max-width: 1380px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .contents {
    padding: 0 15px;
  }
}
.ksp-head {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
}
.ksp-head .ksp-logo {
  float: left;
  line-height: 84px;
}
.ksp-head .ksp-logo img {
  max-width: 100%;
}
.ksp-head .ksp-contact {
  float: right;
  line-height: 84px;
  font-size: 20px;
  color: #fff;
  background: url(../images/ksps.png) no-repeat 0;
  padding-left: 35px;
}
.ksp-head .ksp-list {
  float: right;
}
.ksp-head .ksp-list a {
  display: block;
  float: left;
  line-height: 84px;
  margin-right: 40px;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .ksp-head .ksp-list a {
    margin-right: 20px;
  }
}
@media (max-width: 768px) {
  .ksp-head {
    position: static;
    background: #000;
  }
  .ksp-head .ksp-logo {
    line-height: 50px;
  }
  .ksp-head .ksp-logo img {
    width: 60%;
  }
  .ksp-head .ksp-contact {
    line-height: 50px;
    padding-left: 15px;
    font-size: 15px;
  }
  .ksp-head .ksp-list {
    display: none;
  }
}
.page-banners {
  height: auto;
}
.page-banners .banner-wzs {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  min-height: 120px;
  z-index: 999;
}
.page-banners .banner-wzs li {
  float: left;
  width: 16.6666%;
  border-right: 1px solid #272d39;
}
.page-banners .banner-wzs li:first-child {
  border-left: 1px solid #272d39;
}
.page-banners .banner-wzs li .imgs {
  float: left;
  width: 52px;
  height: 52px;
  background: #fff;
  border-radius: 50%;
  margin-top: 36px;
  margin-left: 50px;
  text-align: center;
  line-height: 52px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.page-banners .banner-wzs li .imgs img {
  max-width: 100%;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.page-banners .banner-wzs li h3 {
  float: left;
  font-size: 22px;
  color: #fefefe;
  font-weight: 400;
  line-height: 120px;
  margin: 0;
  margin-left: 12px;
}
.page-banners .banner-wzs li.active .imgs {
  background: #009cff;
}
.page-banners .banner-wzs li.active .imgs img {
  -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(21deg)
    brightness(107%) contrast(102%);
  filter: invert(100%) sepia(100%) saturate(0) hue-rotate(21deg)
    brightness(107%) contrast(102%);
}
.page-banners .banner-wzs li:nth-child(2).active .imgs {
  background: #bb3d20;
}
.page-banners .banner-wzs li:nth-child(3).active .imgs {
  background: #866da4;
}
.page-banners .banner-wzs li:nth-child(4).active .imgs {
  background: #1b8886;
}
.page-banners .banner-wzs li:nth-child(5).active .imgs {
  background: #feb300;
}
.page-banners .banner-wzs li:nth-child(6).active .imgs {
  background: #4b78b2;
}
@media (max-width: 1024px) {
  .page-banners .banner-wzs li .imgs {
    margin-left: 20px;
  }
}
@media (max-width: 990px) {
  .page-banners {
    height: 400px;
  }
}
@media (max-width: 520px) {
  .page-banners {
    height: 157px;
  }
}
.title {
  text-align: center;
}
.title h3 {
  font-size: 36px;
  color: #030303;
  line-height: 36px;
  font-weight: 400;
  margin: 0;
}
.title span {
  display: block;
  font-size: 24px;
  color: #858585;
  line-height: 24px;
  margin-top: 20px;
}
@media (max-width: 520px) {
  .title h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .title span {
    font-size: 16px;
  }
}
.one-ksp {
  margin-top: 60px;
  padding-bottom: 70px;
}
.one-ksp .ksp-con {
  margin-top: 58px;
}
.one-ksp .ksp-con li {
  float: left;
  width: 22.5%;
  margin-right: 3.333%;
  border: 1px solid #f4f1f2;
  padding: 40px 48px 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.one-ksp .ksp-con li .img {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  margin: 0 auto;
  background: url(//static.cn86.cn/img/2020/05/44fd3cd9b48gio5n.png) no-repeat
    50% #f9f9f9;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.one-ksp .ksp-con li h3 {
  text-align: center;
  font-size: 24px;
  color: #333;
  font-weight: 400;
  line-height: 24px;
  margin-top: 20px;
}
.one-ksp .ksp-con li span {
  display: block;
  font-size: 16px;
  color: #858585;
  line-height: 22px;
  margin-top: 24px;
  text-align: center;
  height: 110px;
}
.one-ksp .ksp-con li:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.one-ksp .ksp-con li:hover .img {
  background: url(//static.cn86.cn/img/2020/05/5289005781mxa3np.png) no-repeat
    50% #4cbaff;
}
.one-ksp .ksp-con li:nth-child(2) .img {
  background: url(//static.cn86.cn/img/2020/05/1e51b6c903glxc2r.png) no-repeat
    50% #f9f9f9;
}
.one-ksp .ksp-con li:nth-child(2):hover .img {
  background: url(//static.cn86.cn/img/2020/05/1da48a8fd5gfy5wh.png) no-repeat
    50% #4cbaff;
}
.one-ksp .ksp-con li:nth-child(3) .img {
  background: url(//static.cn86.cn/img/2020/05/6143cf3a5ayc0dnc.png) no-repeat
    50% #f9f9f9;
}
.one-ksp .ksp-con li:nth-child(3):hover .img {
  background: url(//static.cn86.cn/img/2020/05/2719051b2anjedqe.png) no-repeat
    50% #4cbaff;
}
.one-ksp .ksp-con li:nth-child(4) {
  margin-right: 0;
}
.one-ksp .ksp-con li:nth-child(4) .img {
  background: url(//static.cn86.cn/img/2020/05/d0ba9a1b8f3c2all.png) no-repeat
    50% #f9f9f9;
}
.one-ksp .ksp-con li:nth-child(4):hover .img {
  background: url(//static.cn86.cn/img/2020/05/bff8694ab9lwspmm.png) no-repeat
    50% #4cbaff;
}
@media (max-width: 1280px) {
  .one-ksp .ksp-con li {
    padding: 20px;
  }
  .one-ksp .ksp-con li h3 {
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  .one-ksp .ksp-con li {
    padding: 20px;
  }
  .one-ksp .ksp-con li span {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .one-ksp .ksp-con li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .one-ksp .ksp-con li:nth-child(2n) {
    float: right;
  }
}
@media (max-width: 520px) {
  .one-ksp {
    margin-top: 30px;
    padding-bottom: 30px;
  }
  .one-ksp .ksp-con {
    margin-top: 15px;
  }
  .one-ksp .ksp-con li {
    padding: 5px;
  }
  .one-ksp .ksp-con li h3 {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 0;
  }
  .one-ksp .ksp-con li span {
    font-size: 12px;
    height: 135px;
    margin-top: 10px;
  }
}
.two-ksp {
  background: #f7f7fb;
  padding-top: 65px;
  padding-bottom: 24px;
}
.two-ksp .ksp-con {
  margin-top: 70px;
}
.two-ksp .ksp-con li {
  float: left;
  width: 31%;
  margin-right: 3.5%;
  border: 1px solid #38a519;
  margin-bottom: 50px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  padding: 35px 35px 30px 30px;
}
.two-ksp .ksp-con li h3 {
  margin: 0;
  font-size: 24px;
  color: #030303;
  font-weight: 400;
  line-height: 24px;
}
.two-ksp .ksp-con li i {
  display: block;
  width: 34%;
  height: 6px;
  background: #38a519;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  margin-top: 18px;
}
.two-ksp .ksp-con li span {
  display: block;
  margin-top: 25px;
  font-size: 16px;
  color: #858585;
  line-height: 26px;
  height: 78px;
}
.two-ksp .ksp-con li:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.two-ksp .ksp-con li:hover i {
  width: 69%;
}
.two-ksp .ksp-con li:nth-child(2) {
  border-color: #feb300;
}
.two-ksp .ksp-con li:nth-child(2) i {
  background: #feb300;
}
.two-ksp .ksp-con li:nth-child(3) {
  border-color: #bb3d20;
}
.two-ksp .ksp-con li:nth-child(3) i {
  background: #bb3d20;
}
.two-ksp .ksp-con li:nth-child(4) {
  border-color: #4b78b2;
}
.two-ksp .ksp-con li:nth-child(4) i {
  background: #4b78b2;
}
.two-ksp .ksp-con li:nth-child(5) {
  border-color: #1b8886;
}
.two-ksp .ksp-con li:nth-child(5) i {
  background: #1b8886;
}
.two-ksp .ksp-con li:nth-child(6) {
  border-color: #866da4;
}
.two-ksp .ksp-con li:nth-child(6) i {
  background: #866da4;
}
.two-ksp .ksp-con li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .two-ksp {
    padding-top: 30px;
  }
  .two-ksp .ksp-con {
    margin-top: 20px;
  }
  .two-ksp .ksp-con li {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.ksp-seo {
  margin-top: 60px;
}
.ksp-seo .ksp-con {
  margin-top: 75px;
}
.ksp-seo .ksp-con li {
  float: left;
  width: 20%;
  text-align: center;
  position: relative;
}
.ksp-seo .ksp-con li:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fec096;
  position: absolute;
  right: 0;
  top: 20%;
}
.ksp-seo .ksp-con li:last-child:after {
  display: none;
}
.ksp-seo .ksp-con li .imgs {
  line-height: 131px;
}
.ksp-seo .ksp-con li .imgs img {
  max-width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ksp-seo .ksp-con li:hover .imgs img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ksp-seo .ksp-con li:hover .wz h3 {
  color: #4cbaff;
}
.ksp-seo .ksp-con li .wz {
  margin-top: 65px;
}
.ksp-seo .ksp-con li .wz h3 {
  font-size: 24px;
  font-weight: 400;
  color: #030303;
  line-height: 24px;
  margin: 0;
}
.ksp-seo .ksp-con li .wz span {
  display: block;
  font-size: 16px;
  color: #858585;
  line-height: 22px;
  padding: 0 9%;
  margin-top: 18px;
}
.ksp-seo .ksp-con li:nth-child(2n) .wz {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .ksp-seo {
    margin-top: 30px;
  }
  .ksp-seo .ksp-con {
    margin-top: 25px;
  }
  .ksp-seo .ksp-con li {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .ksp-seo .ksp-con li:after {
    display: none;
  }
  .ksp-seo .ksp-con li .wz {
    margin-top: 20px;
  }
  .ksp-seo .ksp-con li .wz h3 {
    font-size: 18px;
  }
  .ksp-seo .ksp-con li .wz span {
    margin-top: 5px;
    font-size: 15px;
    padding: 0 5%;
  }
  .ksp-seo .ksp-con li:nth-child(2n) .wz {
    margin-top: 20px;
  }
}
.three-ksp {
  background: url(//static.cn86.cn/img/2020/05/17b5b0e9410xuy3z.jpg);
  padding-top: 85px;
  padding-bottom: 70px;
  margin-top: 70px;
}
.three-ksp .title h3 {
  color: #fff;
}
.three-ksp .ksp-number {
  margin-top: 65px;
}
.three-ksp .ksp-number li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 0;
}
.three-ksp .ksp-number li p {
  display: inline-block;
}
.three-ksp .ksp-number li p.nums {
  font-size: 53px;
  color: #fefcfc;
  line-height: 53px;
  font-weight: 600;
  font-family: Arial;
}
.three-ksp .ksp-number li p.wzs {
  font-size: 34px;
  color: #fefcfc;
  padding: 0 5px;
}
.three-ksp .ksp-number li span {
  font-size: 53px;
  color: #fefcfc;
  line-height: 53px;
  font-weight: 600;
  font-family: Arial;
}
.three-ksp .ksp-tu {
  margin-top: 55px;
}
.three-ksp .ksp-tu li {
  float: left;
  width: 20%;
  text-align: center;
}
.three-ksp .ksp-tu li .imgs1 img {
  max-width: 100%;
}
.three-ksp .ksp-tu li h3 {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
}
@media (max-width: 1024px) {
  .three-ksp .ksp-number li p.nums,
  .three-ksp .ksp-number li span {
    font-size: 34px;
  }
  .three-ksp .ksp-number li p.wzs {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .three-ksp {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .three-ksp,
  .three-ksp .ksp-number {
    margin-top: 30px;
  }
  .three-ksp .ksp-number li {
    float: left;
    width: 50%;
  }
  .three-ksp .ksp-number li p.nums,
  .three-ksp .ksp-number li span {
    font-size: 22px;
    line-height: 22px;
  }
  .three-ksp .ksp-number li p.wzs {
    font-size: 18px;
  }
  .three-ksp .ksp-tu {
    margin-top: 25px;
  }
  .three-ksp .ksp-tu li h3 {
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 0;
  }
}
.four-ksp {
  background: url(//static.cn86.cn/img/2020/05/aa6bc3a9e50lpd4n.jpg);
  padding-top: 75px;
  padding-bottom: 60px;
}
.four-ksp .ksp-con li {
  float: left;
  width: 32%;
  margin-right: 2%;
  text-align: center;
  margin-top: 65px;
  border: 1px solid #fff;
  padding: 30px 0;
}
.four-ksp .ksp-con li h3 {
  margin: 0;
  font-size: 24px;
  color: #050505;
  line-height: 24px;
  font-weight: 400;
  margin-top: 10px;
}
.four-ksp .ksp-con li span {
  display: block;
  font-size: 16px;
  color: #727272;
  line-height: 22px;
  text-align: center;
  margin-top: 15px;
  height: 66px;
}
.four-ksp .ksp-con li .imgs {
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  line-height: 110px;
}
.four-ksp .ksp-con li .imgs img {
  max-width: 100%;
  height: 110px;
}
.four-ksp .ksp-con li:nth-child(3n) {
  margin-right: 0;
}
.four-ksp .ksp-con li:hover .imgs {
  top: -10px;
}
.four-ksp .ksp-con li:hover h3 {
  color: #4cbaff;
}
@media (max-width: 768px) {
  .four-ksp {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .four-ksp .ksp-con li {
    margin-top: 10px;
    width: 49%;
    margin-right: 0;
  }
  .four-ksp .ksp-con li:nth-child(2n) {
    float: right;
  }
  .four-ksp .ksp-con li .imgs img {
    height: 111px;
  }
  .four-ksp .ksp-con li h3 {
    font-size: 18px;
  }
  .four-ksp .ksp-con li span {
    font-size: 12px;
    margin-top: 5px;
    line-height: 16px;
  }
}
.five-ksp {
  margin-top: 85px;
}
.five-ksp #news_rec {
  padding: 0 6.2%;
  margin: 0 auto;
  margin-top: 60px;
  position: relative;
}
.five-ksp #news_rec img {
  width: 100%;
}
.five-ksp #news_rec .swiper-button-next {
  width: 41px;
  height: 41px;
  background: url(../images/ris.png) no-repeat 50%;
  position: absolute;
  right: 0;
  top: 45%;
}
.five-ksp #news_rec .swiper-button-prev {
  width: 41px;
  height: 41px;
  background: url(../images/les.png) no-repeat 50%;
  top: 45%;
  left: 0;
}
@media (max-width: 768px) {
  .five-ksp {
    margin-top: 30px;
  }
  .five-ksp #news_rec {
    margin-top: 20px;
  }
}
.case-ksp {
  background: #f7f7fb;
  padding-top: 65px;
  padding-bottom: 85px;
  margin-top: 85px;
}
.case-ksp .ksp-con {
  margin-top: 20px;
}
.case-ksp .ksp-con li {
  float: left;
  width: 32%;
  margin-right: 2%;
  position: relative;
  margin-top: 30px;
  overflow: hidden;
}
.case-ksp .ksp-con li:nth-child(3n) {
  margin-right: 0;
}
.case-ksp .ksp-con li .imgs img {
  width: 100%;
}
.case-ksp .ksp-con li .shadows {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  padding: 32px;
  opacity: 0;
  top: 100%;
  left: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.case-ksp .ksp-con li .shadows a {
  display: block;
  border: 1px solid #fff;
  text-align: center;
  padding-bottom: 30px;
}
.case-ksp .ksp-con li .shadows a h3 {
  font-size: 22px;
  font-weight: 400;
  margin: 0;
  color: #fff;
  margin-top: 74px;
}
.case-ksp .ksp-con li .shadows a img {
  max-width: 100%;
  margin-top: 26px;
}
.case-ksp .ksp-con li:hover .shadows {
  opacity: 1;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 1024px) {
  .case-ksp .ksp-con li .shadows {
    padding: 25px;
  }
  .case-ksp .ksp-con li .shadows a h3 {
    margin-top: 2%;
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .case-ksp {
    margin-top: 40px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .case-ksp .ksp-con {
    margin-top: 15px;
  }
  .case-ksp .ksp-con li {
    width: 48%;
    margin-right: 0;
    margin-top: 5px;
  }
  .case-ksp .ksp-con li:nth-child(2n) {
    float: right;
  }
  .case-ksp .ksp-con li .shadows {
    padding: 0;
    position: static;
    background: none;
    opacity: 1;
  }
  .case-ksp .ksp-con li .shadows a {
    padding-bottom: 0;
    border: none;
  }
  .case-ksp .ksp-con li .shadows a h3 {
    margin-top: 2%;
    font-size: 12px;
    color: #000;
    line-height: 20px;
  }
  .case-ksp .ksp-con li .shadows a img {
    margin-top: 5px;
    display: none;
  }
}
.contact-ksp {
  background: #242424;
  padding-top: 32px;
  padding-bottom: 25px;
}
.contact-ksp .contact-left {
  float: left;
}
.contact-ksp .contact-left .ksp-list1 a {
  font-size: 15px;
  color: #dadada;
  margin-right: 45px;
}
.contact-ksp .contact-left .contact-jishu {
  font-size: 13px;
  color: #949698;
  margin-top: 30px;
}
.contact-ksp .contact-right {
  float: right;
  border-left: 1px solid #e0e6f2;
  padding-left: 65px;
}
.contact-ksp .contact-right li:first-child {
  font-size: 20px;
  color: #fff;
  background: url(../images/phones.png) no-repeat 0;
  padding-left: 35px;
  line-height: 25px;
}
.contact-ksp .contact-right li:nth-child(2) {
  font-size: 13px;
  color: #949698;
  background: url(../images/dizhis.png) no-repeat 0;
  padding-left: 35px;
  line-height: 25px;
  margin-top: 15px;
}
.contact-ksp .contact-right li:nth-child(3) {
  font-size: 13px;
  color: #949698;
  background: url(../images/dizhis2.png) no-repeat 0;
  padding-left: 35px;
  line-height: 25px;
  margin-top: 15px;
}
@media (max-width: 1024px) {
  .contact-ksp .contact-left .ksp-list1 a {
    margin-right: 30px;
  }
  .contact-ksp .contact-right {
    padding-left: 40px;
  }
}
@media (max-width: 768px) {
  .contact-ksp .contact-left {
    float: none;
  }
  .contact-ksp .contact-left .ksp-list1 {
    display: none;
  }
  .contact-ksp .contact-left .contact-jishu {
    margin-top: 0;
  }
  .contact-ksp .contact-right {
    padding-left: 0;
    border: none;
    float: none;
  }
}
.ecs-con {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .ecs-con {
    padding: 0 15px;
  }
}
.sample-nbanner {
  width: 100%;
}
.sample-nbanner img {
  max-width: 100%;
}
.sample-ecs {
  margin: 65px 0;
}
@media (max-width: 768px) {
  .sample-ecs {
    margin: 25px 0;
  }
}
.sample-ecs ul {
  text-align: justify;
}
.sample-ecs ul li {
  position: relative;
  display: inline-block;
  width: 42.6%;
  vertical-align: top;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 768px) {
  .sample-ecs ul li {
    width: 48%;
  }
}
.sample-ecs ul li h3 {
  font-size: 24px;
  color: #333;
  line-height: 24px;
  margin-bottom: 40px;
  margin-top: 0;
  font-weight: 400;
}
@media (max-width: 768px) {
  .sample-ecs ul li h3 {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }
}
.sample-ecs ul li img {
  width: 100%;
}
.sample-ecs ul:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
.sample-ecs-youshi {
  background: #f5f5f6;
  padding: 65px 0;
}
@media (max-width: 768px) {
  .sample-ecs-youshi {
    padding: 30px 0;
  }
}
.sample-ecs-youshi .titles {
  text-align: center;
  font-size: 24px;
  color: #333;
  line-height: 24px;
}
@media (max-width: 768px) {
  .sample-ecs-youshi .titles {
    font-size: 18px;
  }
}
.sample-ecs-youshi .youshi-list {
  text-align: justify;
}
.sample-ecs-youshi .youshi-list:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
.sample-ecs-youshi .youshi-list li {
  position: relative;
  display: inline-block;
  width: 31%;
  vertical-align: top;
  overflow: hidden;
  text-align: center;
  margin-top: 48px;
}
@media (max-width: 768px) {
  .sample-ecs-youshi .youshi-list li {
    width: 48%;
    margin-top: 20px;
  }
}
.sample-ecs-youshi .youshi-list li .imgs {
  line-height: 54px;
}
.sample-ecs-youshi .youshi-list li .imgs img {
  max-width: 100%;
}
.sample-ecs-youshi .youshi-list li h3 {
  font-size: 16px;
  color: #333;
  line-height: 16px;
  margin-top: 12px;
  font-weight: 400;
  margin-bottom: 0;
}
.sample-ecs-youshi .youshi-list li span {
  display: block;
  font-size: 12px;
  color: #666;
  margin-top: 12px;
}
.sample-ecs-gongneng {
  padding-top: 65px;
  background: #c6c6c6;
  padding-bottom: 65px;
}
@media (max-width: 768px) {
  .sample-ecs-gongneng {
    padding: 30px 0;
  }
}
.sample-ecs-gongneng .ecs-gongneng-title {
  text-align: center;
  font-size: 24px;
  color: #fdfefe;
  line-height: 24px;
  margin-bottom: 65px;
}
@media (max-width: 768px) {
  .sample-ecs-gongneng .ecs-gongneng-title {
    margin-bottom: 20px;
  }
}
.sample-ecs-gongneng .gongneng {
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.sample-ecs-gongneng .gongneng li {
  border-bottom: 1px solid #e2e2e3;
  position: relative;
}
.sample-ecs-gongneng .gongneng li a.mores3 {
  display: block;
  width: 33px;
  height: 33px;
  text-align: center;
  line-height: 28px;
  font-size: 32px;
  color: #fff;
  background: #0d9ffd;
  border-radius: 50%;
  font-weight: 400;
  position: absolute;
  right: 30px;
  top: 28px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .sample-ecs-gongneng .gongneng li a.mores3 {
    right: 10px;
    top: 5px;
  }
}
.sample-ecs-gongneng .gongneng li.on a.mores3 {
  background: #fff;
  color: #0d9ffd;
}
.sample-ecs-gongneng .gongneng li.on .wzs1 {
  background: #0d9ffd;
}
.sample-ecs-gongneng .gongneng li.on .wzs1 .images img {
  -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(303deg)
    brightness(103%) contrast(101%);
  filter: invert(100%) sepia(100%) saturate(0) hue-rotate(303deg)
    brightness(103%) contrast(101%);
}
.sample-ecs-gongneng .gongneng li.on .wzs1 .content-bodys h3,
.sample-ecs-gongneng .gongneng li.on .wzs1 .content-bodys span {
  color: #fff;
}
.sample-ecs-gongneng .gongneng li .wzs1 {
  padding-left: 30px;
}
@media (max-width: 768px) {
  .sample-ecs-gongneng .gongneng li .wzs1 {
    padding-left: 10px;
    padding-bottom: 10px;
  }
}
.sample-ecs-gongneng .gongneng li .wzs1 .images {
  float: left;
  line-height: 87px;
}
@media (max-width: 768px) {
  .sample-ecs-gongneng .gongneng li .wzs1 .images {
    width: 15%;
  }
}
.sample-ecs-gongneng .gongneng li .wzs1 .images img {
  max-width: 100%;
}
.sample-ecs-gongneng .gongneng li .wzs1 .content-bodys {
  float: left;
  margin-left: 16px;
}
@media (max-width: 768px) {
  .sample-ecs-gongneng .gongneng li .wzs1 .content-bodys {
    width: 85%;
    margin-left: 0;
  }
}
.sample-ecs-gongneng .gongneng li .wzs1 .content-bodys h3 {
  font-size: 18px;
  color: #444;
  line-height: 18px;
  margin-top: 22px;
  margin-bottom: 0;
}
.sample-ecs-gongneng .gongneng li .wzs1 .content-bodys span {
  display: block;
  font-size: 14px;
  color: #999;
  line-height: 14px;
  margin-top: 12px;
}
.sample-ecs-gongneng .gongneng li .wzs2 {
  margin: 25px 0;
  padding-left: 25px;
  display: none;
}
.sample-ecs-gongneng .gongneng li .wzs2 h3 {
  font-size: 16px;
  color: #333;
  line-height: 16px;
  margin-top: 0;
  font-weight: 400;
}
.sample-ecs-gongneng .gongneng li .wzs2 span {
  display: block;
  font-size: 14px;
  color: #999;
  margin-top: 8px;
  line-height: 18px;
}
.sample-ecs-gongneng .gongneng li .wzs2 span a {
  color: #0d9ffd;
}
@media (max-width: 768px) {
  .sample-ecs-gongneng .gongneng li .wzs2 span a {
    display: block;
  }
}
.sample-ecs-gongneng .gongneng li .wzs2 .biaoti2 {
  margin-top: 20px;
}
.sample-ecs-case {
  margin-top: 65px;
}
@media (max-width: 768px) {
  .sample-ecs-case {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.sample-ecs-case .ecs-case-title {
  text-align: center;
  font-size: 24px;
  color: #333;
  line-height: 24px;
}
.sample-ecs-case .slick-list {
  padding: 5px 0;
}
.sample-ecs-case .ecs-case-list {
  margin: 0 -47px;
  margin-top: 65px;
}
@media (max-width: 768px) {
  .sample-ecs-case .ecs-case-list {
    margin: 0;
    margin-top: 15px;
  }
}
.sample-ecs-case .ecs-case-list li {
  margin: 0 47px;
  padding: 10px;
  padding-bottom: 15px;
  border: 1px solid #ececec;
  text-align: center;
}
@media (max-width: 768px) {
  .sample-ecs-case .ecs-case-list li {
    margin: 0 20px;
  }
}
.sample-ecs-case .ecs-case-list li .image img {
  max-width: 100%;
}
.sample-ecs-case .ecs-case-list li h3 {
  text-align: center;
  font-size: 18px;
  color: #444;
  line-height: 18px;
  font-weight: 400;
}
.sample-ecs-case .ecs-case-list li span {
  display: block;
  font-size: 12px;
  color: #999;
  text-align: center;
  line-height: 12px;
  margin-top: 13px;
}
.sample-ecs-case .ecs-case-list li:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.sample-ecs-case .ecs-case-list li:hover h3 {
  color: #0d9ffd;
}
.sample-ecs-case .ecs-case-list .slick-dots {
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  z-index: 9;
  margin-top: 64px;
  margin-bottom: 38px;
}
.sample-ecs-case .ecs-case-list .slick-dots li {
  display: inline-block;
  margin: 0 15px;
  width: 48px;
  height: 6px;
  border: 1px solid #0d9ffd;
  cursor: pointer;
  padding: 0;
}
.sample-ecs-case .ecs-case-list .slick-dots li button {
  background: none;
  outline: none;
  border: none;
  font-size: 0;
}
.sample-ecs-case .ecs-case-list .slick-dots li.slick-active {
  background-color: #0d9ffd;
}
.activity-con {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .activity-con {
    padding: 0 15px;
  }
}
.sample-activity {
  min-height: 945px;
  background: url(//static.cn86.cn/img/2020/10/67365db006nkkl3q.jpg) no-repeat
    50%;
  background-size: cover;
}
@media (max-width: 1024px) {
  .sample-activity {
    display: none;
  }
}
.sample-activity .huo-title {
  text-align: center;
  font-size: 48px;
  color: #fdfdfc;
  font-weight: 600;
  padding-top: 30px;
}
.sample-activity .huo-list {
  padding: 0 34px;
}
.sample-activity .huo-list li {
  float: left;
  width: 360px;
  margin-right: 25px;
  padding-top: 142px;
}
.sample-activity .huo-list li h3 {
  font-size: 36px;
  color: #fdfdfc;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
.sample-activity .huo-list li h4 {
  margin: 0;
  font-size: 30px;
  color: #333;
  font-weight: 400;
  text-align: center;
  margin-top: 110px;
}
.sample-activity .huo-list li h4 span {
  font-size: 36px;
  color: #bb26d5;
  font-weight: 600;
}
.sample-activity .huo-list li h2 {
  font-size: 20px;
  color: #444;
  font-weight: 400;
  text-align: center;
  margin: 0;
  margin-top: 32px;
  line-height: 28px;
  height: 58px;
}
.sample-activity .huo-list li h2 span {
  font-size: 24px;
  color: #bb26d5;
  font-weight: 600;
}
.sample-activity .huo-list li h1 {
  width: 160px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  font-size: 20px;
  color: #fdfdfc;
  font-weight: 600;
  background: url(//static.cn86.cn/img/2020/10/ddab8f6c65jmzqtp.png) no-repeat
    50%;
  margin: 0 auto;
  margin-top: 25px;
}
.sample-activity .huo-list li:nth-child(3) {
  margin-right: 0;
}
.sample-activity .huo-wenzi {
  padding-left: 70px;
  padding-right: 85px;
  margin-top: 75px;
}
.sample-activity .huo-wenzi .wz {
  float: left;
  margin-top: 18px;
}
.sample-activity .huo-wenzi .wz h3 {
  font-size: 18px;
  color: #333;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
.sample-activity .huo-wenzi a {
  display: block;
  float: left;
  width: 160px;
  height: 54px;
  text-align: center;
  line-height: 54px;
  font-size: 20px;
  color: #fdfdfc;
  font-weight: 400;
  background: url(//static.cn86.cn/img/2020/10/ddab8f6c65jmzqtp.png) no-repeat
    50%;
  margin-left: 85px;
  margin-top: 22px;
}
.sample-activity .huo-wenzi .huo-erweima {
  float: right;
}
.sample-activity .huo-wenzi .huo-erweima img {
  max-width: 100%;
}
.sample-gongyi {
  height: 952px;
  background: url(//static.cn86.cn/img/2020/10/40819cbf9fqyrrt0.jpg) no-repeat
    50%;
  background-size: cover;
}
@media (max-width: 1024px) {
  .sample-gongyi {
    display: none;
  }
}
.sample-gongyi .gongyi-title {
  text-align: center;
  font-size: 48px;
  color: #fdfdfc;
  font-weight: 600;
  padding-top: 30px;
}
.sample-gongyi .gongyi-content .gongyi-list {
  float: left;
  padding-left: 125px;
  padding-top: 140px;
}
.sample-gongyi .gongyi-content .gongyi-list li {
  margin-bottom: 43px;
}
.sample-gongyi .gongyi-content .gongyi-list li h3 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}
.sample-gongyi .gongyi-content .gongyi-list li span {
  display: block;
  font-size: 20px;
  color: #fff;
  margin-top: 5px;
}
.sample-gongyi .gongyi-content .gongyi-tu {
  float: right;
  padding-right: 120px;
  padding-top: 150px;
}
.sample-gongyi .gongyi-content .gongyi-tu li {
  margin-bottom: 8px;
}
.sample-zhunong {
  height: 909px;
  background: url(//static.cn86.cn/img/2020/10/5fe67ee674sgpvm0.jpg) no-repeat
    50%;
  background-size: cover;
}
@media (max-width: 1024px) {
  .sample-zhunong {
    display: none;
  }
}
.sample-zhunong .zhunong-title {
  text-align: center;
  font-size: 48px;
  color: #fdfdfc;
  font-weight: 600;
  padding-top: 155px;
}
.sample-zhunong .zhunong-title2 {
  text-align: left;
  font-size: 31px;
  color: #fafcfd;
  font-weight: 600;
  line-height: 31px;
  padding-left: 90px;
  padding-top: 120px;
}
.sample-zhunong .zhunong-list {
  padding: 0 45px;
  margin-top: 40px;
}
.sample-zhunong .zhunong-list li {
  float: left;
  margin-right: 8px;
}
.sample-zhunong .zhunong-list li img {
  width: 100%;
}
.sample-zhunong .zhunong-list li h3 {
  width: 41px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  background: #5eacd7;
  border-radius: 5px;
  font-size: 18px;
  margin: 0 auto;
  font-weight: 600;
  color: #fff;
  margin-top: 19px;
}
.sample-zhunong .zhunong-list li:last-child {
  margin-right: 0;
}
.sample-shijian {
  height: 492px;
  background: url(//static.cn86.cn/img/2020/10/e2d8e3d3d12ccf7v.jpg) no-repeat
    50%;
}
@media (max-width: 1024px) {
  .sample-shijian {
    display: none;
  }
}
.sample-shijian .shijian-wz {
  padding-top: 165px;
}
.sample-shijian .shijian-wz h3 {
  margin: 0;
  font-size: 36px;
  color: #fff;
  font-weight: 600;
}
.sample-shijian .shijian-wz h2,
.sample-shijian .shijian-wz h3 span {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}
.sample-shijian .shijian-wz h2 {
  margin: 0;
  line-height: 36px;
  margin-top: 65px;
}
.sample-mid-tu {
  display: none;
}
.sample-mid-tu img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  .sample-mid-tu {
    display: block;
  }
}
.sample-dingzhi-wangzhan-title span {
  color: #fff;
  opacity: 0.6;
}
.sample-wangzhan-city {
  background: #242424;
  font-size: 12px;
  color: hsla(0, 0%, 100%, 0.53);
  line-height: 2.8;
  padding-bottom: 2vw;
}
.sample-wangzhan-city span {
  width: 3%;
  float: left;
}
@media (max-width: 768px) {
  .sample-wangzhan-city span {
    width: 5%;
  }
}
@media (max-width: 500px) {
  .sample-wangzhan-city span {
    width: 7%;
  }
}
.sample-wangzhan-city .sample-wangzhan-city-link {
  width: 97%;
  float: right;
}
@media (max-width: 768px) {
  .sample-wangzhan-city .sample-wangzhan-city-link {
    width: 95%;
  }
}
@media (max-width: 500px) {
  .sample-wangzhan-city .sample-wangzhan-city-link {
    width: 92%;
  }
}
.sample-wangzhan-city .sample-wangzhan-city-link a {
  color: #fff;
  opacity: 0.53;
}
.promote-solution {
  background: url(//static.cn86.cn/img/2022/05/a656c4bd69dbvbey.jpg) no-repeat
    50%;
  padding-top: 150px;
  padding-bottom: 120px;
  background-size: cover;
}
.promote-solution .containers {
  max-width: 1200px;
}
.promote-solution .containers .solution-left {
  width: 42%;
  float: left;
}
.promote-solution .containers .solution-left .solution-title h3 {
  color: #444;
  font-size: 34px;
  margin-bottom: 20px;
  font-weight: 600;
}
.promote-solution .containers .solution-left .solution-title span {
  color: #666;
  font-size: 16px;
}
.promote-solution .containers .solution-left ul {
  margin-top: 60px;
}
.promote-solution .containers .solution-left ul li {
  margin-bottom: 14px;
  background: url(//static.cn86.cn/img/2022/05/55783ab71fnctrkx.png) no-repeat
    50%;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-size: 16px;
  padding-left: 22px;
}
.promote-solution .containers .solution-left ul li span {
  color: #fff;
  font-size: 14px;
  font-family: arial;
  background: #5b82fb;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 5px;
  line-height: 24px;
  text-align: center;
  margin-right: 22px;
}
.promote-solution .containers .solution-left ul li:hover {
  background: url(//static.cn86.cn/img/2022/05/95d4ec65505ufmvy.png) no-repeat
    50%;
  color: #fff;
}
.promote-solution .containers .solution-left ul li:hover span {
  color: #5b82fb;
  background: #fff;
}
.promote-solution .containers .solution-left .inquiry {
  display: block;
  width: 182px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  background: #5b82fb;
  margin-top: 50px;
}
.promote-solution .containers .solution-right {
  width: 40%;
  float: right;
}
.promote-solution .containers .solution-right img {
  max-width: 100%;
}
.promote-solution .containers .trouble-con {
  margin-top: 200px;
}
.promote-solution .containers .trouble-con .trouble-left {
  width: 42%;
  float: left;
}
.promote-solution .containers .trouble-con .trouble-left img {
  max-width: 100%;
}
.promote-solution .containers .trouble-con .trouble-right {
  width: 40%;
  float: right;
}
.promote-solution .containers .trouble-con .trouble-right .trouble-title h3 {
  color: #444;
  font-size: 34px;
}
.promote-solution .containers .trouble-con .trouble-right ul {
  margin-top: 36px;
}
.promote-solution .containers .trouble-con .trouble-right ul li {
  margin-bottom: 28px;
  color: #333;
  font-size: 18px;
}
.promote-solution .containers .trouble-con .trouble-right ul li span {
  display: inline-block;
  background: url(//static.cn86.cn/img/2022/05/c0fb1b8709y6ipsb.png) no-repeat
    50%;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 14px;
  font-family: arial;
  margin-right: 10px;
}
.promote-solution .containers .trouble-con .trouble-right ul li p {
  color: #9696a7;
  font-size: 14px;
  padding-left: 32px;
  line-height: 30px;
}
.promote-solution .containers .trouble-con .trouble-right .inquiry {
  display: block;
  width: 178px;
  height: 56px;
  text-align: center;
  line-height: 56px;
  color: #fff;
  font-size: 18px;
  background: url(//static.cn86.cn/img/2022/05/7ff04d56487hna59.png) no-repeat
    50%;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .promote-solution {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .promote-solution .containers .solution-left {
    width: 100%;
    float: none;
  }
  .promote-solution .containers .solution-left .solution-title h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .promote-solution .containers .solution-left .solution-title span {
    font-size: 14px;
  }
  .promote-solution .containers .solution-left ul {
    margin-top: 30px;
  }
  .promote-solution .containers .solution-left ul li {
    background: url(//static.cn86.cn/img/2022/05/55783ab71fnctrkx.png) no-repeat
      0 0;
    font-size: 12px;
    padding-left: 10px;
    background-size: 100% 100%;
  }
  .promote-solution .containers .solution-left ul li span {
    font-size: 12px;
    margin-right: 5px;
  }
  .promote-solution .containers .solution-left ul li:hover {
    background: url(//static.cn86.cn/img/2022/05/95d4ec65505ufmvy.png) no-repeat
      0 0;
    background-size: 100% 100%;
  }
  .promote-solution .containers .solution-left .inquiry {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-top: 30px;
  }
  .promote-solution .containers .solution-right {
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 20px;
  }
  .promote-solution .containers .trouble-con {
    margin-top: 50px;
  }
  .promote-solution .containers .trouble-con .trouble-left {
    width: 100%;
    float: none;
    text-align: center;
  }
  .promote-solution .containers .trouble-con .trouble-right {
    width: 100%;
    float: none;
    margin-top: 30px;
  }
  .promote-solution .containers .trouble-con .trouble-right .trouble-title h3 {
    font-size: 18px;
  }
  .promote-solution .containers .trouble-con .trouble-right ul li {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .promote-solution .containers .trouble-con .trouble-right ul li p {
    font-size: 12px;
  }
  .promote-solution .containers .trouble-con .trouble-right .inquiry {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-top: 30px;
    background-size: 120px 40px;
  }
}
.promote-advantage {
  background: url(//static.cn86.cn/img/2022/05/fa071ce415nyl2jj.jpg) no-repeat
    50%;
  padding-top: 120px;
  padding-bottom: 90px;
  background-size: cover;
}
.promote-advantage .containers {
  max-width: 1200px;
}
.promote-advantage .containers .promote-advantage-title h3 {
  text-align: center;
  color: #444;
  font-size: 34px;
}
.promote-advantage .containers .advantage-list {
  margin-top: 85px;
}
.promote-advantage .containers .advantage-list .item {
  text-align: center;
  padding: 30px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #fff;
  margin: 0 25px;
}
.promote-advantage .containers .advantage-list .item .img {
  text-align: center;
}
.promote-advantage .containers .advantage-list .item .img img {
  max-width: 100%;
}
.promote-advantage .containers .advantage-list .item h3 {
  font-size: 20px;
  font-weight: 400;
  color: #333;
  line-height: 24px;
  margin-top: 20px;
}
.promote-advantage .containers .advantage-list .item span {
  display: block;
  font-size: 14px;
  color: #9696a7;
  line-height: 30px;
  margin-top: 15px;
  height: 90px;
  overflow: hidden;
}
.promote-advantage .containers .advantage-list .item:hover {
  top: -30px;
  -webkit-box-shadow: 0 0 20px #ecf1ff;
  box-shadow: 0 0 20px #ecf1ff;
}
.promote-advantage .containers .inquiry {
  display: block;
  width: 180px;
  height: 58px;
  background: #5b82fb;
  text-align: center;
  line-height: 58px;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  margin: 60px auto 0;
}
@media (max-width: 768px) {
  .promote-advantage {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .promote-advantage .containers .promote-advantage-title h3 {
    font-size: 18px;
  }
  .promote-advantage .containers .advantage-list {
    margin-top: 40px;
  }
  .promote-advantage .containers .advantage-list .item {
    margin: 0 0 10px;
    padding: 20px;
  }
  .promote-advantage .containers .advantage-list .item h3 {
    font-size: 16px;
  }
  .promote-advantage .containers .advantage-list .item span {
    font-size: 12px;
    line-height: 22px;
    height: auto;
  }
  .promote-advantage .containers .advantage-list .item:hover {
    top: 0;
  }
  .promote-advantage .containers .inquiry {
    margin-top: 30px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.promote-monitor {
  background: url(//static.cn86.cn/img/2022/05/ad654d6852hisy0j.jpg) no-repeat
    50%;
  padding-top: 100px;
  padding-bottom: 70px;
  background-size: cover;
}
.promote-monitor .containers {
  max-width: 1200px;
}
.promote-monitor .containers .promote-monitor-title h3 {
  text-align: center;
  color: #fff;
  font-size: 34px;
}
.promote-monitor .containers .monitor-list {
  margin-top: 95px;
}
.promote-monitor .containers .monitor-list .item {
  text-align: center;
  position: relative;
}
.promote-monitor .containers .monitor-list .item .img {
  text-align: center;
}
.promote-monitor .containers .monitor-list .item .img img {
  max-width: 100%;
}
.promote-monitor .containers .monitor-list .item h3 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 24px;
  margin-top: 30px;
}
.promote-monitor .containers .monitor-list .item span {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  margin-top: 10px;
}
.promote-monitor .containers .inquiry {
  display: block;
  width: 180px;
  height: 58px;
  background: #fff;
  text-align: center;
  line-height: 58px;
  color: #5b82fb;
  font-size: 18px;
  border-radius: 30px;
  margin: 60px auto 0;
}
@media (max-width: 768px) {
  .promote-monitor {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .promote-monitor .containers .promote-monitor-title h3 {
    font-size: 18px;
  }
  .promote-monitor .containers .monitor-list {
    margin-top: 40px;
  }
  .promote-monitor .containers .monitor-list .item {
    margin: 0 0 10px;
  }
  .promote-monitor .containers .monitor-list .item h3 {
    margin-top: 15px;
    font-size: 16px;
  }
  .promote-monitor .containers .monitor-list .item span {
    font-size: 12px;
    line-height: 22px;
  }
  .promote-monitor .containers .inquiry {
    margin-top: 30px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.promote-seo {
  background: url(//static.cn86.cn/img/2022/05/64deee0ff3jiedyg.jpg) no-repeat
    50%;
  padding-top: 150px;
  padding-bottom: 80px;
  background-size: cover;
}
.promote-seo .containers {
  max-width: 1200px;
}
.promote-seo .containers .promote-seo-title h3 {
  text-align: center;
  color: #444;
  font-size: 34px;
}
.promote-seo .containers .seo-list {
  margin-top: 85px;
}
.promote-seo .containers .seo-list .item {
  text-align: center;
  position: relative;
  margin-bottom: 35px;
}
.promote-seo .containers .seo-list .item .img {
  text-align: center;
}
.promote-seo .containers .seo-list .item .img img {
  max-width: 100%;
  position: relative;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.promote-seo .containers .seo-list .item h3 {
  font-size: 18px;
  font-weight: 400;
  color: #333;
  line-height: 24px;
  margin-top: 30px;
}
.promote-seo .containers .seo-list .item span {
  display: block;
  font-size: 14px;
  color: #9696a7;
  line-height: 30px;
  margin-top: 10px;
}
.promote-seo .containers .seo-list .item:hover .img img {
  top: -10px;
}
.promote-seo .containers .inquiry {
  display: block;
  width: 180px;
  height: 58px;
  background: #5b82fb;
  text-align: center;
  line-height: 58px;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  margin: 60px auto 0;
}
@media (max-width: 768px) {
  .promote-seo {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .promote-seo .containers .promote-seo-title h3 {
    font-size: 18px;
  }
  .promote-seo .containers .seo-list {
    margin-top: 40px;
  }
  .promote-seo .containers .seo-list .item {
    margin: 0 0 15px;
  }
  .promote-seo .containers .seo-list .item h3 {
    margin-top: 15px;
    font-size: 16px;
  }
  .promote-seo .containers .seo-list .item span {
    font-size: 12px;
    line-height: 22px;
  }
  .promote-seo .containers .inquiry {
    margin-top: 30px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.promote-sure {
  background: url(//static.cn86.cn/img/2022/05/be498409afnmfjmb.jpg) no-repeat
    50%;
  padding-top: 115px;
  padding-bottom: 90px;
  background-size: cover;
}
.promote-sure .containers {
  max-width: 1200px;
}
.promote-sure .containers .promote-sure-title h3 {
  text-align: center;
  color: #fff;
  font-size: 34px;
}
.promote-sure .containers .promote-sure-title span {
  display: block;
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
  text-align: center;
}
.promote-sure .containers .promote-sure-owl {
  position: relative;
  margin-top: 80px;
}
.promote-sure .containers .promote-sure-owl .slick-arrow {
  position: absolute;
  top: calc(50% - 27px);
  width: 54px;
  height: 54px;
  font-size: 0;
  border: none;
  outline: none;
  border-radius: 50%;
}
.promote-sure .containers .promote-sure-owl .slick-arrow.slick-prev {
  left: -60px;
  background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50%
    no-repeat rgba(7, 16, 57, 0.2);
}
.promote-sure .containers .promote-sure-owl .slick-arrow.slick-next {
  right: -60px;
  background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50%
    no-repeat rgba(7, 16, 57, 0.2);
}
.promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-prev {
  background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50%
    no-repeat rgba(7, 16, 57, 0.4);
}
.promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-next {
  background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50%
    no-repeat rgba(7, 16, 57, 0.4);
}
.promote-sure .containers .promote-sure-owl .item {
  padding: 45px 28px;
  outline: none;
  background: #fff;
  border-radius: 8px;
  margin: 0 25px;
}
.promote-sure .containers .promote-sure-owl .item .img {
  width: 90px;
  margin: 0 auto 20px;
  text-align: center;
}
.promote-sure .containers .promote-sure-owl .item .img img {
  border-radius: 50%;
  width: 90px;
  height: 90px;
}
.promote-sure .containers .promote-sure-owl .item .wz {
  text-align: center;
}
.promote-sure .containers .promote-sure-owl .item .wz h3 {
  font-size: 16px;
  margin: 0 0 15px;
  color: #666;
  font-weight: 400;
}
.promote-sure .containers .promote-sure-owl .item .wz h3 a {
  display: block;
  font-weight: 400;
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  outline: none;
}
.promote-sure .containers .promote-sure-owl .item .wz h3 a:hover {
  opacity: 0.9;
}
.promote-sure .containers .promote-sure-owl .item .wz p {
  font-size: 14px;
  color: #999;
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.promote-sure .containers .promote-sure-owl .item .number {
  margin-top: 25px;
}
.promote-sure .containers .promote-sure-owl .item .number .number-left {
  width: 66%;
  float: left;
  border-right: 1px solid #e5e5e5;
  text-align: center;
}
.promote-sure .containers .promote-sure-owl .item .number .number-left span {
  color: #5b82fb;
  font-size: 20px;
}
.promote-sure .containers .promote-sure-owl .item .number .number-left p {
  color: #999;
  font-size: 14px;
}
.promote-sure .containers .promote-sure-owl .item .number .number-right {
  width: 34%;
  float: left;
  text-align: center;
}
.promote-sure .containers .promote-sure-owl .item .number .number-right span {
  color: #5b82fb;
  font-size: 20px;
}
.promote-sure .containers .promote-sure-owl .item .number .number-right p {
  color: #999;
  font-size: 14px;
}
@media (max-width: 768px) {
  .promote-sure {
    padding: 30px 0;
  }
  .promote-sure .containers .promote-sure-title h3 {
    font-size: 18px;
  }
  .promote-sure .containers .promote-sure-title span {
    font-size: 14px;
  }
  .promote-sure .containers .promote-sure-owl {
    margin: 30px 10px 0;
  }
  .promote-sure .containers .promote-sure-owl .slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    font-size: 0;
    border: none;
    outline: none;
    border-radius: 50%;
  }
  .promote-sure .containers .promote-sure-owl .slick-arrow.slick-prev {
    left: -20px;
    background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50%
      no-repeat rgba(7, 16, 57, 0.2);
  }
  .promote-sure .containers .promote-sure-owl .slick-arrow.slick-next {
    right: -20px;
    background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50%
      no-repeat rgba(7, 16, 57, 0.2);
  }
  .promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-prev {
    background: url(//static.cn86.cn/img/2022/05/420b106895cjqayp.png) 50%
      no-repeat rgba(7, 16, 57, 0.4);
  }
  .promote-sure .containers .promote-sure-owl .slick-arrow:hover.slick-next {
    background: url(//static.cn86.cn/img/2022/05/58c4aefaa2vsmx6i.png) 50%
      no-repeat rgba(7, 16, 57, 0.4);
  }
  .promote-sure .containers .promote-sure-owl .item {
    padding: 30px 15px;
  }
  .promote-sure .containers .promote-sure-owl .item .number .number-left p,
  .promote-sure .containers .promote-sure-owl .item .number .number-right p,
  .promote-sure .containers .promote-sure-owl .item .wz p {
    font-size: 12px;
  }
}
.promote-message {
  margin-top: 0;
}
.operate-design {
  background: url(//static.cn86.cn/img/2022/05/5297f50357xofroj.jpg) no-repeat
    50%;
  padding-top: 105px;
  padding-bottom: 40px;
  background-size: cover;
}
.operate-design .containers {
  max-width: 1200px;
}
.operate-design .containers .operate-design-title {
  text-align: center;
}
.operate-design .containers .operate-design-title h3 {
  color: #2b2e3c;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 15px;
}
.operate-design .containers .operate-design-title span {
  color: #2b2e3c;
  font-size: 16px;
}
.operate-design .containers .ali-con {
  margin-top: 90px;
}
.operate-design .containers .ali-con .ali-left {
  width: 60%;
  float: left;
}
.operate-design .containers .ali-con .ali-left img {
  max-width: 100%;
}
.operate-design .containers .ali-con .ali-right {
  width: 40%;
  float: right;
}
.operate-design .containers .ali-con .ali-right .ali-title {
  color: #2b2e3c;
  font-size: 24px;
  text-align: right;
  margin-top: 50px;
}
.operate-design .containers .ali-con .ali-right .ali-text {
  color: #444b5e;
  font-size: 16px;
  line-height: 30px;
  text-align: right;
  margin-top: 40px;
}
.operate-design .containers .ali-con .ali-right .inquiry {
  display: block;
  width: 152px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #0077fe;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  float: right;
  margin-top: 60px;
}
.operate-design .containers .baidu-con {
  margin-top: 15px;
}
.operate-design .containers .baidu-con .baidu-left {
  width: 40%;
  float: left;
}
.operate-design .containers .baidu-con .baidu-left .baidu-title {
  color: #2b2e3c;
  font-size: 24px;
  margin-top: 180px;
}
.operate-design .containers .baidu-con .baidu-left .baidu-text {
  color: #444b5e;
  font-size: 16px;
  line-height: 30px;
  margin-top: 40px;
}
.operate-design .containers .baidu-con .baidu-left .inquiry {
  display: block;
  width: 152px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #0077fe;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  margin-top: 60px;
}
.operate-design .containers .baidu-con .baidu-right {
  width: 60%;
  float: left;
}
.operate-design .containers .baidu-con .baidu-right img {
  max-width: 100%;
}
@media (max-width: 768px) {
  .operate-design {
    padding-top: 40px;
  }
  .operate-design .containers .operate-design-title h3 {
    font-size: 18px;
  }
  .operate-design .containers .operate-design-title span {
    font-size: 12px;
  }
  .operate-design .containers .ali-con {
    margin-top: 30px;
  }
  .operate-design .containers .ali-con .ali-left {
    width: 100%;
    float: none;
    text-align: center;
  }
  .operate-design .containers .ali-con .ali-right {
    width: 100%;
    float: none;
    margin-top: 15px;
  }
  .operate-design .containers .ali-con .ali-right .ali-title {
    font-size: 16px;
    margin-top: 15px;
  }
  .operate-design .containers .ali-con .ali-right .ali-text {
    font-size: 12px;
    margin-top: 15px;
  }
  .operate-design .containers .ali-con .ali-right .inquiry {
    margin-top: 15px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .operate-design .containers .baidu-con .baidu-left {
    width: 100%;
    float: none;
  }
  .operate-design .containers .baidu-con .baidu-left .baidu-title {
    font-size: 16px;
    margin-top: 15px;
  }
  .operate-design .containers .baidu-con .baidu-left .baidu-text {
    font-size: 12px;
    margin-top: 15px;
  }
  .operate-design .containers .baidu-con .baidu-left .inquiry {
    margin-top: 15px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
  .operate-design .containers .baidu-con .baidu-right {
    width: 100%;
    float: none;
    margin-top: 15px;
    text-align: center;
  }
}
.operate-decorate {
  background: url(//static.cn86.cn/img/2022/05/cc7dc1f6871mb9ay.jpg) no-repeat
    50%;
  padding-top: 85px;
  padding-bottom: 95px;
  background-size: cover;
}
.operate-decorate .containers {
  max-width: 1200px;
}
.operate-decorate .containers .operate-decorate-title h3 {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 400;
}
.operate-decorate .containers ul {
  margin-top: 90px;
}
.operate-decorate .containers ul li {
  float: left;
}
.operate-decorate .containers ul li .img {
  overflow: hidden;
  text-align: center;
}
.operate-decorate .containers ul li .img img {
  max-width: 100%;
}
.operate-decorate .containers ul li h3 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-top: 25px;
  font-weight: 400;
}
.operate-decorate .containers ul li.other {
  text-align: center;
  font-size: 70px;
  color: #fff;
  margin: 25px 8px 0;
}
@media (max-width: 768px) {
  .operate-decorate {
    padding: 30px 0;
  }
  .operate-decorate .containers .operate-decorate-title h3 {
    font-size: 18px;
  }
  .operate-decorate .containers ul {
    margin-top: 30px;
  }
  .operate-decorate .containers ul li {
    width: 100%;
  }
  .operate-decorate .containers ul li h3 {
    font-size: 14px;
  }
  .operate-decorate .containers ul li.other {
    margin: 0;
    font-size: 50px;
  }
}
.operate-quality {
  background: url(//static.cn86.cn/img/2022/05/397dd06fe1azhxva.jpg) no-repeat
    50%;
  padding-top: 130px;
  padding-bottom: 55px;
  background-size: cover;
}
.operate-quality .containers {
  max-width: 1200px;
}
.operate-quality .containers .quality-con .quality-left {
  width: 38%;
  float: left;
  position: relative;
  height: 450px;
  margin-top: 110px;
}
.operate-quality .containers .quality-con .quality-left .img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: all 0.6s;
  animation: all 0.6s;
  text-align: center;
}
.operate-quality .containers .quality-con .quality-left .img img {
  max-width: 100%;
}
.operate-quality .containers .quality-con .quality-left .img.hide {
  opacity: 0;
}
.operate-quality .containers .quality-con .quality-left .img.animate {
  -webkit-animation: 0.6s ease 0s 1 normal none running fadeInRight;
  animation: 0.6s ease 0s 1 normal none running fadeInRight;
}
.operate-quality .containers .quality-con .quality-right {
  width: 45%;
  float: right;
}
.operate-quality .containers .quality-con .quality-right .quality-title h3 {
  color: #2b2e3c;
  font-size: 36px;
  font-weight: 400;
}
.operate-quality .containers .quality-con .quality-right ul {
  margin-top: 50px;
}
.operate-quality .containers .quality-con .quality-right ul li {
  padding: 18px;
  border-radius: 5px;
}
.operate-quality .containers .quality-con .quality-right ul li .img {
  float: left;
  text-align: center;
  margin-right: 18px;
}
.operate-quality .containers .quality-con .quality-right ul li .img img {
  max-width: 100%;
}
.operate-quality .containers .quality-con .quality-right ul li .wz h3 {
  color: #7c7e87;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 0;
  height: 22px;
  line-height: 22px;
}
.operate-quality .containers .quality-con .quality-right ul li .wz span {
  color: #7c7e87;
  font-size: 15px;
}
.operate-quality .containers .quality-con .quality-right ul li:hover {
  background: #fff;
}
.operate-quality .containers .quality-con .quality-right ul li:hover .wz h3 {
  font-size: 20px;
  color: #0077fe;
  font-weight: 700;
}
.operate-quality .containers .quality-con .quality-right ul .inquiry {
  display: block;
  width: 152px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #0077fe;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  margin-top: 50px;
}
@media (max-width: 768px) {
  .operate-quality {
    padding: 30px 0;
  }
  .operate-quality .containers .quality-con .quality-left {
    width: 100%;
    float: none;
    margin-top: 0;
    height: 380px;
  }
  .operate-quality .containers .quality-con .quality-right {
    width: 100%;
    float: none;
  }
  .operate-quality .containers .quality-con .quality-right .quality-title h3 {
    font-size: 18px;
    text-align: center;
  }
  .operate-quality .containers .quality-con .quality-right ul {
    margin-top: 20px;
  }
  .operate-quality .containers .quality-con .quality-right ul li {
    padding: 5px;
  }
  .operate-quality .containers .quality-con .quality-right ul li .wz h3 {
    font-size: 12px;
    margin-bottom: 0;
  }
  .operate-quality .containers .quality-con .quality-right ul li .wz span {
    font-size: 12px;
  }
  .operate-quality .containers .quality-con .quality-right ul li:hover .wz h3 {
    font-size: 14px;
  }
  .operate-quality .containers .quality-con .quality-right ul .inquiry {
    margin: 20px auto 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
@media (max-width: 425px) {
  .operate-quality .containers .quality-con .quality-left {
    height: 280px;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.operate-effect {
  padding-top: 110px;
  padding-bottom: 60px;
}
.operate-effect .containers {
  max-width: 1200px;
}
.operate-effect .containers .operate-effect-title h3 {
  text-align: center;
  color: #2b2e3c;
  font-size: 36px;
  font-weight: 400;
}
.operate-effect .containers .effect-list {
  margin-top: 55px;
}
.operate-effect .containers .effect-list .item {
  text-align: center;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 5px 35px;
}
.operate-effect .containers .effect-list .item .top-img {
  text-align: center;
}
.operate-effect .containers .effect-list .item .top-img img {
  width: 100%;
}
.operate-effect .containers .effect-list .item .img {
  text-align: center;
  overflow: hidden;
  height: 220px;
}
.operate-effect .containers .effect-list .item .img img {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.operate-effect .containers .effect-list .item h3 {
  font-size: 16px;
  font-weight: 400;
  color: #444b5e;
  line-height: 55px;
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.operate-effect .containers .effect-list .item:hover h3 {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  color: #0077fe;
}
.operate-effect .containers .inquiry {
  display: block;
  width: 152px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #0077fe;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  margin: 30px auto 0;
}
@media (max-width: 768px) {
  .operate-effect {
    padding: 30px 0;
  }
  .operate-effect .containers .operate-effect-title h3 {
    font-size: 18px;
  }
  .operate-effect .containers .effect-list {
    margin-top: 30px;
  }
  .operate-effect .containers .effect-list .item {
    margin: 0 0 20px;
  }
  .operate-effect .containers .effect-list .item h3 {
    font-size: 14px;
    line-height: 40px;
  }
  .operate-effect .containers .inquiry {
    margin: 20px auto 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.operate-choose {
  background: #fbfcff;
  padding-top: 60px;
  padding-bottom: 35px;
}
.operate-choose .containers {
  max-width: 1200px;
}
.operate-choose .containers .operate-choose-title h3 {
  text-align: center;
  color: #2b2e3c;
  font-size: 36px;
  font-weight: 400;
}
.operate-choose .containers .choose-list {
  margin-top: 60px;
  position: relative;
}
.operate-choose .containers .choose-list .item {
  text-align: center;
  margin: 0 45px;
}
.operate-choose .containers .choose-list .item .img {
  text-align: center;
  overflow: hidden;
  height: 200px;
  margin-bottom: 100px;
}
.operate-choose .containers .choose-list .item .img img {
  max-width: 100%;
}
.operate-choose .containers .choose-list .item h3 {
  font-size: 24px;
  font-weight: 400;
  color: #2b2e3c;
  text-align: center;
  margin-bottom: 25px;
}
.operate-choose .containers .choose-list .item span {
  color: #444b5e;
  font-size: 14px;
  text-align: center;
}
.operate-choose .containers .choose-list .step-line {
  position: absolute;
  left: 0;
  top: 230px;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #9ccdff;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.operate-choose .containers .choose-list .step-line .step-circle {
  width: 17px;
  height: 17px;
  background: #f4f6f8;
  border: 3px solid #278dfd;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.operate-choose .containers .inquiry {
  display: block;
  width: 152px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #0077fe;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  box-shadow: 0 0 20px rgba(0, 119, 254, 0.5);
  margin: 30px auto 0;
}
@media (max-width: 768px) {
  .operate-choose {
    padding: 30px 0;
  }
  .operate-choose .containers .operate-choose-title h3 {
    font-size: 18px;
  }
  .operate-choose .containers .choose-list {
    margin-top: 30px;
  }
  .operate-choose .containers .choose-list .item {
    margin: 0 0 20px;
  }
  .operate-choose .containers .choose-list .item h3 {
    font-size: 14px;
  }
  .operate-choose .containers .choose-list .item span {
    font-size: 12px;
  }
  .operate-choose .containers .choose-list .item .img {
    margin-bottom: 0;
    height: auto;
  }
  .operate-choose .containers .choose-list .step-line {
    display: none;
  }
  .operate-choose .containers .inquiry {
    margin: 20px auto 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.operate-service {
  background: url(//static.cn86.cn/img/2022/05/f635f130d89ervqc.jpg) no-repeat
    50%;
  padding-top: 110px;
  padding-bottom: 120px;
  background-size: cover;
}
.operate-service .containers {
  max-width: 1340px;
}
.operate-service .containers .operate-choose-title h3 {
  text-align: center;
  color: #2b2e3c;
  font-size: 36px;
  font-weight: 400;
}
.operate-service .containers .service-con {
  margin-top: 85px;
}
.operate-service .containers .service-con .service-left {
  width: 45%;
  float: left;
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item {
  padding: 0;
  margin-bottom: 10px;
  background: url(//static.cn86.cn/img/2022/05/d34b16807aelce0d.png) no-repeat
    50%;
  background-size: cover;
  height: 294px;
  position: relative;
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item
  .img {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 72px;
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item
  .img
  img {
  max-width: 100%;
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item
  .item {
  position: relative;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item
  .item
  h3 {
  color: #2b2e3c;
  font-size: 24px;
  display: inline-block;
  width: 100%;
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item
  .item
  span {
  color: #444b5e;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  padding: 0 24px;
  margin-top: 10px;
  width: 100%;
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item:hover {
  background: url(//static.cn86.cn/img/2022/05/cd3d3bcf7b8i2khb.png) no-repeat
    50%;
}
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item:hover
  h3,
.operate-service
  .containers
  .service-con
  .service-left
  .service-list
  .service-item:hover
  span {
  color: #fff;
}
.operate-service .containers .service-con .service-right {
  width: 50%;
  float: right;
}
.operate-service .containers .service-con .service-right img {
  max-width: 100%;
}
@media (max-width: 1280px) {
  .operate-service .containers .service-con .service-left {
    width: 48%;
  }
}
@media (max-width: 768px) {
  .operate-service {
    padding: 30px 0;
  }
  .operate-service .containers .operate-choose-title h3 {
    font-size: 18px;
  }
  .operate-service .containers .service-con {
    margin-top: 30px;
  }
  .operate-service .containers .service-con .service-left {
    width: 100%;
    float: none;
  }
  .operate-service
    .containers
    .service-con
    .service-left
    .service-list
    .service-item {
    background-size: 100% 100%;
  }
  .operate-service
    .containers
    .service-con
    .service-left
    .service-list
    .service-item
    .item
    h3 {
    font-size: 16px;
  }
  .operate-service
    .containers
    .service-con
    .service-left
    .service-list
    .service-item
    .item
    span {
    font-size: 14px;
  }
  .operate-service
    .containers
    .service-con
    .service-left
    .service-list
    .service-item:hover {
    background-size: 100% 100%;
  }
  .operate-service .containers .service-con .service-right {
    width: 100%;
    float: none;
    margin-top: 10px;
  }
}
.operate-network {
  background: url(//static.cn86.cn/img/2022/05/b57ffaadf72uevgd.jpg) no-repeat
    50%;
  padding-top: 75px;
  padding-bottom: 80px;
  background-size: cover;
}
.operate-network .containers {
  max-width: 1200px;
}
.operate-network .containers .operate-network-title h3 {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 400;
}
.operate-network .containers .inquiry {
  width: 152px;
  height: 45px;
  display: block;
  text-align: center;
  line-height: 45px;
  color: #0077fe;
  font-size: 18px;
  border-radius: 30px;
  background: #fff;
  margin: 45px auto 0;
}
@media (max-width: 768px) {
  .operate-network {
    padding: 30px 0;
  }
  .operate-network .containers .operate-network-title h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .operate-network .containers .inquiry {
    margin: 20px auto 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }
}
.page-cooperation-box {
  background: #fff;
  padding: 100px 0;
}
.page-cooperation-title {
  text-align: center;
  color: #444;
  margin-bottom: 60px;
}
.page-cooperation-title p {
  font-size: 17px;
  color: #444;
}
.page-cooperation-title h4 {
  font-weight: 200;
  margin: 15px 0 0;
  font-size: 30px;
  color: #333;
  font-weight: 400;
}
@media (max-width: 990px) {
  .page-cooperation-box {
    padding: 40px 0;
  }
  .page-cooperation-title {
    margin-bottom: 40px;
  }
  .page-cooperation-title p {
    font-size: 14px;
  }
  .page-cooperation-title h4 {
    margin: 10px 0 0;
    font-size: 20px;
  }
}
.table-title {
  margin-bottom: 50px;
}
.cooperation-table {
  text-align: justify;
  min-height: 316px;
}
.cooperation-table .cooperation-item {
  position: relative;
  display: inline-block;
  width: 31%;
  vertical-align: bottom;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  padding: 6px;
  border: 1px solid #ddd;
}
.cooperation-table .cooperation-item .img-box {
  position: relative;
}
.cooperation-table .cooperation-item .img-box .img1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-75%);
  transform: translateY(-75%);
  z-index: 99;
}
.cooperation-table .cooperation-item .img-box .img2 {
  width: 100%;
}
.cooperation-table .cooperation-item .img-box h3 {
  text-align: center;
  font-size: 20px;
  margin: 0;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 62%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 99;
}
.cooperation-table .cooperation-item .img-box .shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 9;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cooperation-table .cooperation-item .text {
  text-align: center;
  padding: 50px 0;
}
.cooperation-table .cooperation-item .text p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.cooperation-table .cooperation-item:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.cooperation-table .cooperation-item:hover .img-box .shadow {
  background: rgba(20, 177, 239, 0.7);
}
@media (max-width: 768px) {
  .cooperation-table .cooperation-item .text {
    padding: 20px 0;
  }
}
.cooperation-table:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
@media (max-width: 768px) {
  .cooperation-table .cooperation-item {
    width: 100%;
    margin-bottom: 55px;
  }
  .cooperation-table .cooperation-item:nth-of-type(3) {
    margin-bottom: 0;
  }
}
.cooperation-pro .cooperation-pro-item {
  text-align: center;
}
.cooperation-pro .cooperation-pro-item h3 {
  font-size: 20px;
  color: #5a5a5a;
  font-weight: 400;
}
.cooperation-pro .cooperation-pro-item .img {
  margin-top: 40px;
  line-height: 230px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  padding: 0 55px;
}
.cooperation-pro .cooperation-pro-item .img img {
  max-width: 100%;
}
.cooperation-pro .cooperation-pro-item p {
  font-size: 16px;
  color: #5a5a5a;
}
.cooperation-pro .cooperation-pro-item:nth-of-type(2) {
  position: relative;
}
.cooperation-pro .cooperation-pro-item:nth-of-type(2):after,
.cooperation-pro .cooperation-pro-item:nth-of-type(2):before {
  content: '';
  position: absolute;
  top: 25%;
  bottom: 25%;
  width: 1px;
  background: #ededed;
}
.cooperation-pro .cooperation-pro-item:nth-of-type(2):after {
  right: 0;
}
.cooperation-pro .cooperation-pro-item:nth-of-type(2):before {
  left: 0;
}
.cooperation-pro .cooperation-pro-item:hover .img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media (max-width: 768px) {
  .cooperation-pro .cooperation-pro-item h3 {
    margin-top: 30px;
  }
  .cooperation-pro .cooperation-pro-item:last-child p {
    border-bottom: none;
  }
  .cooperation-pro .cooperation-pro-item .img {
    line-height: normal;
  }
  .cooperation-pro .cooperation-pro-item p {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
  }
}
.cooperation-mode {
  background: url(//static.cn86.cn/img/2018/12/30e91f6864fi894c.jpg) no-repeat
    50% fixed !important;
  background-size: cover !important;
}
.cooperation-mode .page-cooperation-title {
  margin-bottom: 100px;
}
.cooperation-mode .page-cooperation-title h4,
.cooperation-mode .page-cooperation-title p {
  color: #fff;
}
.cooperation-mode .cooperation-mode-center {
  text-align: center;
}
.cooperation-mode .cooperation-mode-center .mode-list {
  display: inline-block;
  margin: 0 80px;
}
.cooperation-mode .cooperation-mode-center .mode-list .icon .iconfont {
  font-size: 45px;
  color: #fff;
}
.cooperation-mode .cooperation-mode-center .mode-list p {
  font-size: 20px;
  color: #fff;
}
@media (max-width: 768px) {
  .cooperation-mode .page-cooperation-title {
    margin-bottom: 30px;
  }
  .cooperation-mode .cooperation-mode-center .mode-list {
    margin: 0 15px;
    margin-bottom: 20px;
  }
  .cooperation-mode .cooperation-mode-center .mode-list .icon .iconfont {
    font-size: 35px;
  }
  .cooperation-mode .cooperation-mode-center .mode-list p {
    font-size: 18px;
  }
}
.cooperation-standby {
  background: url(//static.cn86.cn/img/2018/12/ba3116c413wshcjq.jpg) no-repeat
    50% !important;
  background-size: cover !important;
}
.cooperation-standby .page-cooperation-title {
  margin-bottom: 50px;
}
.cooperation-standby .page-cooperation-title h4,
.cooperation-standby .page-cooperation-title p {
  color: #fff;
}
.cooperation-standby .stand-tab {
  text-align: center;
}
.cooperation-standby .stand-tab span {
  display: inline-block;
  margin: 10px 30px;
  font-size: 18px;
  color: hsla(0, 0%, 100%, 0.8);
  padding-bottom: 5px;
  cursor: pointer;
}
.cooperation-standby .stand-tab .on {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.cooperation-standby .stand-tab-list {
  margin-top: 35px;
}
.cooperation-standby .stand-tab-list .standby-list {
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #3e444a;
  font-size: 0;
  display: none;
}
.cooperation-standby .stand-tab-list .standby-list .img {
  width: 57%;
  display: inline-block;
  vertical-align: top;
}
.cooperation-standby .stand-tab-list .standby-list .img img {
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.cooperation-standby .stand-tab-list .standby-list .standby-text {
  display: inline-block;
  width: 43%;
  padding: 50px 40px;
  vertical-align: top;
}
.cooperation-standby .stand-tab-list .standby-list .standby-text .title {
  margin-bottom: 30px;
  margin-top: 30px;
}
.cooperation-standby .stand-tab-list .standby-list .standby-text .title .icon {
  display: inline-block;
  vertical-align: middle;
}
.cooperation-standby
  .stand-tab-list
  .standby-list
  .standby-text
  .title
  .icon
  .iconfont {
  font-size: 30px;
  color: #fff;
}
.cooperation-standby .stand-tab-list .standby-list .standby-text .title .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
  color: #fff;
  margin-left: 15px;
}
.cooperation-standby .stand-tab-list .standby-list .standby-text .test {
  font-size: 15px;
  color: hsla(0, 0%, 100%, 0.8);
  line-height: 30px;
}
@media (max-width: 990px) {
  .cooperation-standby .stand-tab span {
    width: 25%;
    margin: 10px;
  }
  .cooperation-standby .on {
    border-bottom: 1px solid #fff !important;
  }
  .cooperation-standby .stand-tab-list {
    margin-top: 20px;
  }
  .cooperation-standby .stand-tab-list .standby-list .img {
    width: 100%;
  }
  .cooperation-standby .stand-tab-list .standby-list .standby-text {
    width: 100%;
    padding: 10px 20px;
  }
  .cooperation-standby .stand-tab-list .standby-list .standby-text .title {
    margin: 10px 0;
  }
  .cooperation-standby
    .stand-tab-list
    .standby-list
    .standby-text
    .title
    .icon
    .iconfont {
    font-size: 25px;
  }
  .cooperation-standby
    .stand-tab-list
    .standby-list
    .standby-text
    .title
    .text {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .cooperation-standby .standby-list {
    width: 100%;
    margin-bottom: 15px;
  }
  .cooperation-standby .standby-list .standby-text p {
    display: block;
  }
}
.cooperation-choose .cooperation-kehu .choose-xiangyun {
  text-align: justify;
}
.cooperation-choose .cooperation-kehu .choose-xiangyun div {
  position: relative;
  display: inline-block;
  width: 32%;
  vertical-align: top;
  border: 1px solid #ddd;
}
.cooperation-choose .cooperation-kehu .choose-xiangyun div:first-of-type,
.cooperation-choose .cooperation-kehu .choose-xiangyun div:nth-of-type(2),
.cooperation-choose .cooperation-kehu .choose-xiangyun div:nth-of-type(3) {
  margin-bottom: 50px;
}
.cooperation-choose .cooperation-kehu .choose-xiangyun div img {
  width: 100%;
}
.cooperation-choose .cooperation-kehu .choose-xiangyun div h3 {
  font-size: 17px;
  font-weight: 400;
  color: #333;
  background: #fff;
  margin: 0;
  line-height: 48px;
  text-align: center;
}
.cooperation-choose .cooperation-kehu .choose-xiangyun div p {
  text-align: center;
  padding-bottom: 20px;
  font-size: 14px;
}
.cooperation-choose .cooperation-kehu .choose-xiangyun div:hover {
  -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
}
.cooperation-choose .cooperation-kehu .choose-xiangyun:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
@media (max-width: 768px) {
  .cooperation-choose .cooperation-kehu .choose-xiangyun div {
    width: 100%;
    margin-bottom: 30px !important;
  }
}
.cooperation-partner {
  margin: 0 -6px;
}
.cooperation-partner div[class*='col-'] {
  margin-bottom: 12px;
  padding: 0 6px;
}
.cooperation-partner div[class*='col-'] a {
  display: block;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.cooperation-partner div[class*='col-'] a img {
  width: 100%;
}
.cooperation-partner div[class*='col-']:hover a {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.cooperation-application {
  margin: 0;
  position: relative;
  text-align: justify;
}
.cooperation-application div[class*='col-'] {
  padding: 0;
  margin-bottom: 20px;
}
.cooperation-application .app-list {
  width: 15%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.cooperation-application:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
.cooperation-application .application-item {
  position: relative;
  text-align: center;
  cursor: pointer;
}
.cooperation-application .application-item .icon {
  display: inline-block;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  background: none;
  line-height: 82px;
  margin-bottom: 20px;
  border: 2px solid #fff;
}
.cooperation-application .application-item .icon .iconfont {
  font-size: 40px;
  color: #fff;
}
.cooperation-application .application-item p {
  font-size: 16px;
  color: #fff;
  font-weight: 200;
}
.cooperation-application .application-item:before {
  content: '';
  position: absolute;
  width: 92%;
  height: 1px;
  border-top: 1px dashed #fff;
  left: 127px;
  bottom: 83px;
}
.cooperation-application .application-item:hover .icon {
  background: #fff;
}
.cooperation-application .application-item:hover .icon .iconfont {
  color: #333;
}
.cooperation-application .application-item:hover:after {
  border-color: #fff;
}
.cooperation-application :last-child .application-item:before {
  display: none;
}
@media (max-width: 1200px) {
  .cooperation-application .application-item:before {
    display: none;
  }
}
@media (max-width: 768px) {
  .cooperation-application {
    text-align: left;
  }
  .cooperation-application .app-list {
    width: 32.5%;
    margin-bottom: 15px;
  }
  .cooperation-application .app-list .application-item .icon {
    width: 65px;
    height: 65px;
    line-height: 65px;
  }
  .cooperation-application .app-list .application-item .icon .iconfont {
    font-size: 30px;
  }
}
.jionmore {
  width: 192px;
  height: 44px;
  display: block;
  border-radius: 20px;
  background: #1fa1ea;
  color: #fff !important;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  margin: 0 auto;
  margin-top: 30px;
}
.applications {
  background: url(//static.cn86.cn/img/2018/12/210249f85cfqmmon.png) top
    no-repeat !important;
  background-size: cover !important;
}
.applications .page-cooperation-title h4 {
  color: #fff;
}
@media (max-width: 768px) {
  .applications {
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .page-cooperation-title {
    padding: 0 15px;
  }
}
.joinapply {
  max-width: 760px;
}
.joinapply .mb-15 {
  font-size: 0;
  margin-bottom: 30px !important;
}
.joinapply .mb-15 .title {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  font-size: 14px;
  line-height: 34px;
  text-align: right;
  color: #333;
}
.joinapply .mb-15 .title span {
  color: red;
  margin-right: 3px;
}
.joinapply .mb-15 .form-input {
  line-height: 34px;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 150px);
  margin-left: 50px;
  position: relative;
}
.joinapply .mb-15 .form-input .valid {
  color: #555 !important;
}
.joinapply .mb-15 .form-input .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.joinapply .mb-15 .form-input .form-control.error {
  border: 1px solid red;
}
.joinapply .mb-15 .form-input label {
  font-size: 15px;
  color: red;
  font-weight: 400;
  position: absolute;
  left: 102%;
  display: block;
  width: 200px;
  top: 0;
}
.joinapply .mb-15 .form-input #distpicker {
  text-align: justify;
  height: 34px;
  line-height: 34px;
}
.joinapply .mb-15 .form-input #distpicker select {
  display: inline-block;
  width: 32%;
  height: 34px;
  line-height: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #999;
  background: url(../images/more.png) no-repeat 96%;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.joinapply .mb-15 .form-input #distpicker select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.joinapply .mb-15 .form-input #distpicker select.error {
  border: 1px solid red;
}
.joinapply .mb-15 .form-input #distpicker:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
.joinapply .mb-15 .btn-primary {
  margin-left: 150px;
  width: 100px;
  background: #03a9f4;
  border: none;
}
@media (max-width: 768px) {
  .joinapply .mb-15 .title {
    width: 66px;
  }
  .joinapply .mb-15 .form-input {
    width: calc(100% - 76px);
    margin-left: 10px;
  }
  .joinapply .mb-15 .form-input #distpicker {
    height: 105px;
  }
  .joinapply .mb-15 .form-input #distpicker select {
    font-size: 13px;
    width: 100%;
  }
  .joinapply .mb-15 .form-input label {
    width: auto;
    left: auto;
    right: 33px;
    font-size: 12px;
  }
  .joinapply .mb-15 .btn-primary {
    margin-left: 76px;
  }
}
.joinapply-anchor {
  padding: 0 !important;
  line-height: 75px !important;
  background: #fff;
}
.joinapply-anchor .container {
  border: none !important;
}
.joinapply-anchor .container .anchor {
  font-size: 24px !important;
  color: #333;
}
.joinapply-form {
  padding: 0 !important;
  margin: 0 !important;
}
.joinapply-form .container {
  background: #fff;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.contact-banner {
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  line-height: 350px;
}
.contact-banner .wz {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  color: #fff;
}
.contact-banner .wz h3 {
  font-size: 34px;
  color: #fff;
  font-weight: 400;
  margin: 0 0 30px;
}
.contact-banner .wz p {
  font-size: 15px;
  text-transform: uppercase;
}
@media (max-width: 990px) {
  .contact-banner {
    height: 220px;
    line-height: 220px;
  }
  .contact-banner .wz h3 {
    font-size: 30px;
  }
  .contact-banner .wz p {
    font-size: 16px;
    line-height: 25px;
  }
}
.page-contact-wrap .container {
  background: #fff;
  padding-bottom: 40px;
}
.page-contact-list {
  font-size: 0;
  padding: 20px 0;
}
.page-contact-list li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-left: 2%;
  margin: 30px 0;
}
.page-contact-list li .text-wrap + .text-wrap {
  margin-top: 25px;
}
.page-contact-list li .icon {
  float: left;
  line-height: 35px;
  margin-right: 20px;
}
.page-contact-list li .icon .iconfont {
  font-size: 35px;
}
.page-contact-list li .wz {
  overflow: hidden;
}
.page-contact-list li .wz h5 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 10px;
}
.page-contact-list li .wz p {
  font-size: 14px;
  color: #444;
  line-height: 1.8;
}
.page-contact-list li .wz p a {
  font-size: 14px;
}
.page-contact-list li .wz p + p {
  margin-top: 10px;
}
@media (max-width: 768px) {
  .page-contact-wrap .page-contact-list li .wz h5 {
    font-size: 16px;
    color: #333;
  }
}
.page-contact-wrap .page-pay-list {
  padding-top: 60px;
}
.page-contact-wrap .page-pay-list li {
  padding-left: 0;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.page-contact-wrap .page-pay-list li .pay-title {
  padding-bottom: 20px;
}
.page-contact-wrap .page-pay-list li .pay-title img {
  max-width: 100%;
}
.page-contact-wrap .page-pay-list li .wz {
  font-size: 0;
  margin-bottom: 25px;
}
.page-contact-wrap .page-pay-list li .wz span {
  display: inline-block;
  font-size: 16px;
}
.page-contact-wrap .page-pay-list li .wz span:first-of-type,
.page-contact-wrap .page-pay-list li .wz span:nth-of-type(2) {
  width: 36%;
}
.page-contact-wrap .page-pay-list li .wz span:nth-of-type(3) {
  width: 28%;
}
@media (max-width: 1200px) {
  .page-contact-wrap .page-pay-list {
    padding-top: 30px;
  }
  .page-contact-wrap .page-pay-list li .wz span {
    width: 100% !important;
    line-height: 30px;
  }
}
.page-contact-wrap .contact-map {
  margin: 0 -15px;
}
.page-contact-wrap .contact-map img {
  width: 100%;
}
.contact-branch {
  margin-top: 40px;
}
.contact-branch h2 {
  font-size: 26px;
  color: #444;
  line-height: 2.2;
  border-bottom: 1px solid #e4e2e2;
  margin: 0 0 25px;
  text-indent: 20px;
}
.contact-branch .contact-item {
  margin-bottom: 20px;
}
.contact-branch .contact-item p {
  font-size: 16px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 10px;
  padding-left: 20px;
}
.contact-branch .contact-item p strong {
  font-size: 18px;
  font-weight: 400;
}
.contact-branch .contact-item p:nth-of-type(2),
.contact-branch .contact-item p:nth-of-type(3) {
  font-size: 14px;
}
@media (max-width: 990px) {
  .page-contact-list li {
    display: block;
    width: 100%;
    padding-left: 5%;
  }
  .page-contact-wrap .contact-branch h2 {
    font-size: 22px;
  }
}
.page-contact-wrap .page-links-list {
  padding-top: 50px;
}
.page-contact-wrap .page-links-list li {
  text-align: center;
  margin-bottom: 50px;
}
.page-contact-wrap .page-links-list li a {
  display: block;
  width: 100%;
  height: 100%;
}
.page-contact-wrap .page-links-list li .iconfont {
  font-size: 40px;
  color: #666;
}
.page-contact-wrap .page-links-list li span {
  display: block;
  font-size: 18px;
  color: #666;
  line-height: 45px;
}
.page-contact-wrap .page-links-list li:hover .iconfont,
.page-contact-wrap .page-links-list li:hover span {
  color: #03a9f4;
}
.form-horizontal {
  padding: 50px 0;
}
.form-horizontal .mes-left {
  width: 46%;
  float: left;
}
.form-horizontal .mes-left img {
  max-width: 100%;
}
.form-horizontal .mes-right {
  width: 45.8%;
  float: right;
}
.form-horizontal .mes-right h2 {
  font-size: 28px;
  color: #000;
  font-weight: 400;
  line-height: 35px;
  padding-bottom: 15px;
}
.form-horizontal .mes-right h2 p {
  font-size: 16px;
}
.form-horizontal .mes-right input {
  border-radius: 0;
  border: 1px solid #ddd;
}
.form-horizontal .mes-right input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-horizontal .mes-right textarea {
  border-radius: 0;
  border: 1px solid #ddd;
}
.form-horizontal .mes-right textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-horizontal .mes-right button {
  width: 100px;
  height: 40px;
  border: 1px solid #ddd;
  border-radius: 0;
  background: none;
  color: #333;
  text-align: center;
  line-height: 40px;
  padding: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  outline: none;
}
.form-horizontal .mes-right button:first-of-type,
.form-horizontal .mes-right button:hover {
  background: #03a9f4;
  color: #fff;
  border: 1px solid #03a9f4;
}
.form-horizontal .mes-right button:first-of-type:hover {
  background: #0083cc;
  border: 1px solid #0083cc;
}
.form-horizontal .mes-right .code,
.form-horizontal .mes-right .codes {
  display: block;
  width: calc(100% - 130px);
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  float: left;
}
.form-horizontal .mes-right .tel-btn {
  float: right;
  width: calc(100% - 415px);
  height: 34px;
  text-align: center;
  line-height: 34px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #999;
  cursor: pointer;
}
#captcha {
  float: right;
}
@media (max-width: 990px) {
  .form-horizontal {
    padding: 50px 0;
  }
  .form-horizontal .mes-left,
  .form-horizontal .mes-right {
    width: 100%;
    float: none;
  }
}
.modal-body {
  position: relative;
  padding: 0 10px;
}
.modal-body .icon-error {
  font-size: 33px;
  color: red;
}
.modal-body .icon-icon {
  font-size: 33px;
  color: #01d501;
}
.modal-body .breakall {
  display: block;
  line-height: 45px;
  font-size: 16px;
}
.js-write p > span {
  display: inline-block;
  width: 70px;
  font-weight: 700;
}
.js-write p a {
  display: inline-block;
  margin-left: 10px;
  font-size: 0;
}
.page-product-text .js-write p {
  font-size: 16px;
  line-height: 2.5;
}
.page-product-text .js-write p > span {
  width: 100px;
}
.page-product-text .js-write p a {
  vertical-align: middle;
}
.page-product-text .js-write .wx-box {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 5px;
  width: 30px;
  text-align: center;
}
.page-product-text .js-write .wx-box > img {
  width: 25px;
  display: block;
}
.page-product-text .js-write .wx-box .wx-pop {
  position: absolute;
  z-index: 999;
  background: #fff;
  padding: 2px;
  border-radius: 2px;
  right: 0;
  top: 100%;
  border: 1px solid #efefef;
  display: none;
}
.page-product-text .js-write .wx-box .wx-pop > img {
  width: 130px;
  display: block;
}
.page-product-text .js-write .wx-box:hover .wx-pop {
  display: block;
}
@media (max-width: 990px) {
  .page-product-text .js-write p {
    font-size: 14px;
    line-height: 2;
  }
  .page-product-text .js-write p > span {
    width: 100%;
    display: block;
  }
  .page-product-text .js-write .wx-box > img {
    width: 20px;
  }
}
.page-product-contact .page-product-text {
  width: 40%;
  margin-left: 10%;
}
.page-product-contact .page-product-text .js-write p a {
  margin-left: 0;
}
@media (max-width: 1200px) {
  .page-product-contact .page-product-text {
    width: 45%;
    margin-left: 5%;
  }
  .page-product-contact .page-product-text .js-write p {
    font-size: 14px;
  }
  .page-product-contact .page-product-text .js-write p > span {
    width: 80px;
  }
}
.page-job-box {
  background: #fff;
  padding: 50px 0;
  font-size: 0;
}
.page-job-box .job-sort {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  padding-top: 0;
}
.page-job-box .job-sort .sort-list {
  text-align: left;
}
.page-job-box .job-sort .sort-list li {
  margin: 0;
  display: block;
}
.page-job-box .job-sort .sort-list li a {
  border-bottom: none;
  padding: 25px 0;
  padding-top: 0;
}
.page-job-box .job-sort .sort-list .active a,
.page-job-box .job-sort .sort-list li a:hover {
  border-bottom: none;
  font-weight: 400;
}
.page-job-box .job-sort .scan-qr {
  margin-top: 10px;
  text-align: center;
  border: 1px solid #efefef;
  padding: 2px;
}
.page-job-box .job-sort .scan-qr p {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}
.page-job-box .job-sort .scan-qr .img img {
  max-width: 100%;
}
.job-list {
  width: calc(100% - 280px);
  display: inline-block;
  vertical-align: top;
}
.job-head {
  background: #f6f6f6;
  display: table;
  width: 100%;
}
.job-head li {
  display: table-cell;
  width: 25%;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  padding: 15px 0 15px 5%;
  vertical-align: middle;
}
.job-body .job-item {
  display: table;
  width: 100%;
}
.job-body .job-item li {
  font-size: 14px;
  color: #333;
  padding: 12px 0 12px 5%;
  display: table-cell;
  width: 25%;
  vertical-align: middle;
}
.job-body .job-item li a:hover {
  color: #03a9f4;
}
@media (min-width: 990px) {
  .job-body .job-item:not(:last-child) {
    border-bottom: 1px dashed #e0e0e0;
  }
}
@media (max-width: 990px) {
  .job-sort {
    width: 100% !important;
  }
  .job-sort .sort-list li {
    display: inline-block !important;
    width: 33%;
    padding: 0 5px;
    padding-left: 0;
  }
  .job-sort .sort-list li a {
    font-size: 16px;
  }
  .job-list {
    border: none;
    display: block;
    width: 100%;
  }
  .job-head {
    display: none;
  }
  .job-body {
    display: block;
  }
  .job-body .job-item {
    border: 1px solid #e0e0e0;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
  }
  .job-body .job-item li {
    display: block;
    width: 100%;
    border-bottom: none;
    font-size: 14px;
    color: #333;
    padding: 12px;
    text-align: right;
  }
  .job-body .job-item li:first-child {
    background: #eee;
  }
  .job-body .job-item li:not(:last-child) {
    border-bottom: 1px dashed #e0e0e0;
  }
  .job-body .job-item li:before {
    content: attr(data-title);
    float: left;
    font-weight: 700;
  }
}
.page-job-welfare {
  background: #f6f6f6;
  padding: 60px 0;
}
.page-job-welfare .welfare-title {
  text-align: center;
  font-size: 20px;
  color: #333;
  margin-bottom: 30px;
}
.welfare-list .welfare-item {
  text-align: center;
  margin-bottom: 20px;
}
.welfare-list .welfare-item .icon {
  display: block;
  margin-bottom: 20px;
}
.welfare-list .welfare-item .icon .iconfont {
  font-size: 60px;
  color: #333;
}
.welfare-list .welfare-item p {
  font-size: 14px;
  color: #333;
}
@media (max-width: 768px) {
  .welfare-list .welfare-item .icon {
    margin-bottom: 5px;
  }
  .welfare-list .welfare-item .icon .iconfont {
    font-size: 40px;
  }
}
.page-job-detail {
  padding: 50px 0;
  border-bottom: 1px solid #e0e0e0;
}
.page-job-detail .job-sort {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  padding-top: 0;
}
.page-job-detail .job-sort .sort-list {
  text-align: left;
}
.page-job-detail .job-sort .sort-list li {
  margin: 0;
  display: block;
}
.page-job-detail .job-sort .sort-list li a {
  border-bottom: none;
  padding: 25px 0;
  padding-top: 0;
}
.page-job-detail .job-sort .sort-list .active a,
.page-job-detail .job-sort .sort-list li a:hover {
  border-bottom: none;
  font-weight: 400;
}
.page-job-detail .job-detail {
  width: calc(100% - 280px);
  display: inline-block;
}
.page-job-detail .job-detail .job-detail-title {
  font-size: 22px;
  color: #333;
  font-weight: 400;
  padding-left: 20px;
  padding-bottom: 25px;
  margin: 0;
}
.page-job-detail .job-detail .job-detail-title .time {
  font-size: 14px;
  color: #999;
  margin-left: 40px;
}
.page-job-detail .job-detail .job-detail-title .time i {
  padding: 0 3px;
}
.page-job-detail .job-detail .job-detail-body {
  padding: 20px;
}
.page-job-detail .job-detail .job-detail-body .job-detail-list {
  margin-bottom: 20px;
}
.page-job-detail .job-detail .job-detail-body .job-detail-list li {
  display: inline-block;
  width: 48%;
  font-size: 14px;
  color: #333;
}
@media (max-width: 990px) {
  .page-job-detail .job-detail .job-detail-body .job-detail-list li {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
}
.page-job-detail .job-detail .job-detail-body .job-detail-item {
  margin-bottom: 25px;
}
.page-job-detail .job-detail .job-detail-body .job-detail-item h4 {
  font-size: 14px;
  color: #333;
  line-height: 26px;
}
.page-job-detail .job-detail .job-detail-body .job-detail-item .job-content {
  font-size: 14px;
  line-height: 28px;
  color: #666;
}
.page-job-detail .job-detail .job-detail-body .job-email {
  color: #445780;
  font-size: 13px;
  text-decoration: underline;
}
.page-job-detail .job-detail .job-detail-body .job-email a {
  color: #445780;
}
.page-job-detail .job-detail .job-detail-body .job-email a:hover {
  text-decoration: underline;
}
.page-job-detail .job-detail .job-detail-body .job-email .iconfont {
  color: inherit;
  margin-right: 5px;
}
@media (max-width: 990px) {
  .job-detail {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .job-detail-title {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  .job-detail-title .time {
    font-weight: 400 !important;
  }
  .job-detail-body {
    padding: 20px 0 !important;
  }
  .time {
    display: block;
    margin-left: 0 !important;
    margin-top: 20px;
  }
}
.template-banner-box {
  position: relative;
}
.template-banner-box .template-banner .template-search {
  position: absolute;
  left: 0;
  width: 100%;
  top: 120px;
  line-height: 1;
}
.template-banner-box .template-banner .template-search .search-title {
  text-align: center;
  font-size: 34px;
  color: #fff;
  margin-bottom: 30px;
}
.template-banner-box .template-banner .template-search .search-title span {
  color: #00ffba;
}
.template-banner-box .template-banner .template-search .search-title p {
  display: inline-block;
}
.template-banner-box .template-banner .template-search .search-title p + p {
  margin-left: 24px;
}
.template-banner-box .template-banner .template-search .search {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
}
.template-banner-box .template-banner .template-search .search .keyword {
  width: 100%;
  border-radius: 18px;
  line-height: 42px;
  height: 42px;
  border: none;
  border-bottom: 1px solid #d2d2d2;
  font-size: 14px;
  text-indent: 15px;
  outline: none;
}
.template-banner-box .template-banner .template-search .search .input-submit {
  position: absolute;
  width: 52px;
  height: 42px;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  background: none;
  z-index: 99;
  font-size: 0;
}
.template-banner-box .template-banner .template-search .search .icon-sousuo1 {
  position: absolute;
  top: calc(50% - 10px);
  right: 15px;
  font-size: 23px;
  z-index: 9;
  color: #919191;
}
@media (max-width: 990px) {
  .template-banner-box .template-banner .template-search {
    top: 20px;
  }
  .template-banner-box .template-banner .template-search .search-title {
    font-size: 24px;
  }
}
.template-nav {
  height: 80px;
  background: #f8f8f8;
}
.template-nav ul li {
  width: 20%;
  float: left;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-left: 1px solid #e8e8e8;
}
.template-nav ul li h3 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  height: 80px;
  line-height: 80px;
  position: relative;
}
.template-nav ul li h3 .iconfont {
  font-size: 20px;
  margin-right: 10px;
}
.template-nav ul li:hover h3,
.template-nav ul li:hover h3 .iconfont {
  color: #0dafee;
}
.template-nav ul .active {
  background: #f1f1f1;
}
.template-nav ul .active h3,
.template-nav ul .active h3 .iconfont {
  color: #0dafee;
}
@media (max-width: 768px) {
  .template-nav .container {
    padding-left: 0;
    padding-right: 0;
  }
  .template-nav ul li h3,
  .template-nav ul li h3 .iconfont {
    font-size: 12px;
  }
}
.template-wrap {
  margin-top: 20px;
}
.template-wrap .filter-item {
  overflow: hidden;
}
.template-wrap .filter-item a {
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 15px;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
}
.template-wrap .filter-item a.active {
  background: #f5fcff;
  color: #00abee;
  border-color: #a6e2f9;
}
.template-wrap .filter-item.filter-item-type {
  margin: 8px 0 10px;
  border-bottom: 1px solid #ededed;
}
.template-wrap .filter-item.filter-item-type a {
  width: 80px;
  margin-right: 15px;
}
.template-wrap .filter-item.filter-item-mixed {
  border-top: 1px solid #ededed;
  margin-top: 10px;
  padding-top: 15px;
  margin-bottom: 10px;
}
.template-wrap .filter-item.filter-item-mixed a {
  width: 80px;
  margin-right: 15px;
}
.template-wrap .filter-item.filter-item-industry a {
  width: 131px;
  margin: 8px 10px 8px 0;
}
@media (max-width: 768px) {
  .template-wrap .filter-item.filter-item-industry a {
    width: 45%;
  }
}
.template-wrap .filter-color-item {
  margin: 10px 0;
}
.template-wrap .filter-color-item a {
  display: inline-block;
  width: 42px;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  text-align: center;
  margin: 8px 6px;
}
.template-wrap .filter-color-item a .iconfont {
  display: none;
}
.template-wrap .filter-color-item a.active .iconfont {
  display: block;
  color: #fff;
}
.template-wrap .filter-color-item a.color-white.active .iconfont {
  color: #000;
}
.template-wrap .filter-color-item .all-color {
  background: url(//static.cn86.cn/img/2019/05/d6b43d3f38ksceeq.jpg) 50%
    no-repeat;
  margin-left: 0;
}
.template-wrap .filter-color-item .color-red {
  background: #cd001f;
}
.template-wrap .filter-color-item .color-orange {
  background: #f48735;
}
.template-wrap .filter-color-item .color-yellow {
  background: #f3e047;
}
.template-wrap .filter-color-item .color-green {
  background: #5ecb3a;
}
.template-wrap .filter-color-item .color-blue {
  background: #4398e8;
}
.template-wrap .filter-color-item .color-purple {
  background: #6a2fd7;
}
.template-wrap .filter-color-item .color-pink {
  background: #e85e9f;
}
.template-wrap .filter-color-item .color-magenta {
  background: #d200cc;
}
.template-wrap .filter-color-item .color-brown {
  background: #8c5126;
}
.template-wrap .filter-color-item .color-black {
  background: #000;
}
.template-wrap .filter-color-item .color-gray {
  background: #979797;
}
.template-wrap .filter-color-item .color-white {
  background: #fff;
  border: 1px solid #d0cece;
}
.template-wrap .filter-color-item .color-white .iconfont {
  color: #000;
}
.template-lists-wrap {
  margin: 0 -15px;
}
.template-lists {
  vertical-align: top;
  padding-bottom: 30px;
  position: relative;
}
.search-keyword-tip {
  border-bottom: 1px solid #efefef;
  line-height: 40px;
  margin-bottom: 20px;
  font-size: 14px;
  padding-left: 5px;
}
.search-keyword-tip .count {
  color: #ffb199;
  padding: 0 5px;
}
.template-lists .template-pro {
  padding: 0 15px;
  width: 25%;
  float: left;
  position: relative;
  margin-bottom: 25px;
}
.template-lists-item .img {
  display: block;
  position: relative;
  border: 1px solid #e5e5e5;
}
.template-lists-item .img img {
  width: 100%;
}
.template-lists-item .img .isnew {
  width: auto;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.template-lists-item .img .preview {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 9;
}
.template-lists-item .img .preview .sec {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 59%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.template-lists-item .img .preview .sec a {
  width: 122px;
  height: 36px;
  display: block;
  border-radius: 20px;
  background: #03a9f4;
  color: #fff;
  font-size: 13px;
  line-height: 36px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 4px;
}
.template-lists-item .img .preview .sec a:hover {
  background: #0083cc;
}
@media (max-width: 760px) {
  .template-lists-item .img .preview .sec a {
    width: 80px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }
}
.template-lists-item .img .preview span {
  height: 36px;
  display: block;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  line-height: 36px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 47%;
  -webkit-transform: translateY(-30%);
  transform: translateY(-50%);
  text-transform: Uppercase;
}
@media (max-width: 760px) {
  .template-lists-item .img .preview span {
    width: 100%;
  }
}
.template-lists-item .text {
  position: relative;
  padding: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 14px;
}
.template-lists-item .text .numbering {
  font-size: 14px;
  font-weight: 200;
  margin: 0;
  color: #444;
  width: calc(100% - 68px);
  padding-bottom: 4px;
}
.template-lists-item .text .hits .iconfont {
  position: relative;
  top: 2px;
}
@media (max-width: 760px) {
  .template-lists-item .text {
    padding: 7px;
  }
}
.template-lists-item:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.template-lists-item:hover .img .preview {
  opacity: 1;
}
.template-lists-item:hover .text {
  background: #fff;
}
.template-lists-item:hover .text h3 a span {
  color: #03a9f4;
}
@media (max-width: 1440px) {
  .template-lists .template-pro {
    width: 33.3333333%;
  }
}
@media (max-width: 780px) {
  .template-lists .template-pro {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .template-lists .template-pro {
    width: 100%;
  }
}
.template-search-error-title {
  text-align: center;
  padding-bottom: 80px;
}
.template-search-error-title h3 {
  font-size: 36px;
  color: #666;
  font-weight: 100;
  padding-bottom: 10px;
}
.template-search-error-title h3 .keys {
  color: #0dafee;
}
.template-search-error-title p {
  font-size: 18px;
  color: #999;
}
.template-paging {
  height: 58px;
  border: 1px solid #e3e2e2;
  background: #fff;
  position: relative;
  padding: 10px 0;
}
.template-paging .next-page,
.template-paging .prev-page {
  width: 77px;
  height: 38px;
  border: 1px solid #999;
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  border-radius: 2px;
  position: absolute;
  top: 10px;
}
.template-paging .next-page a,
.template-paging .prev-page a {
  color: #474747;
}
.template-paging .next-page:hover,
.template-paging .prev-page:hover {
  opacity: 0.6;
}
.template-paging .prev-page {
  left: 10px;
}
.template-paging .next-page {
  right: 10px;
}
.template-paging .all-page {
  text-align: center;
  line-height: 38px;
  font-size: 13px;
  color: #333;
  font-weight: 100;
  padding: 0 100px;
}
.template-paging .disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.template-paging .disabled a {
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .template-wrap .container {
    padding: 0 15px;
  }
  .template-wrap .template-lists {
    width: 100%;
    background: #fff;
    padding: 20px 15px;
  }
  .template-wrap .template-lists .secondarytype {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.template-filter {
  margin-bottom: 50px;
  width: 335px;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  padding: 70px 50px;
  padding-left: 0;
  position: relative;
}
.template-filter .filter-type-wrap {
  font-weight: 200;
  margin-bottom: 40px;
}
.template-filter .filter-type-wrap .filter-type {
  padding-top: 10px;
}
.template-filter .filter-type-wrap .filter-title {
  font-size: 18px;
  color: #000;
  line-height: 30px;
  margin-bottom: 25px;
}
.template-filter .filter-type-wrap .filter-title .icon-xiajiantou {
  margin-right: 5px;
}
.template-filter .filter-type-wrap .filter-title span {
  margin-right: 5px;
  color: #03a9f4;
}
.template-filter .filter-type-wrap .filter-item {
  overflow: hidden;
}
.template-filter .filter-type-wrap .filter-item span {
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 15px;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
}
.template-filter .filter-type-wrap .filter-item span:nth-of-type(4n) {
  margin-right: 0;
}
.template-filter .filter-type-wrap .filter-item span a {
  position: relative;
  display: block;
  font-weight: 400;
}
.template-filter .filter-type-wrap .filter-item span a:before {
  content: '';
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -10px;
  right: -10px;
}
.template-filter .filter-type-wrap .filter-item span a:hover {
  color: #fff;
}
.template-filter .filter-type-wrap .filter-item span.active {
  background: #f5fcff;
  border-color: #a6e2f9;
}
.template-filter .filter-type-wrap .filter-item span.active a,
.template-filter .filter-type-wrap .filter-item span:hover a {
  color: #00abee;
}
@media (max-width: 768px) {
  .template-filter .filter-type-wrap .filter-title {
    margin-bottom: 10px;
  }
  .template-filter .filter-type-wrap .filter-item {
    display: none;
  }
}
.template-filter .filter-type-wrap .filter-business span {
  width: 136px;
  display: inline-block;
  padding: 0;
  margin-right: 13px;
  text-align: center;
  margin-bottom: 15px;
}
.template-filter .filter-type-wrap .filter-business span:nth-of-type(2n) {
  margin-right: 0;
}
.template-filter .filter-type-wrap .filter-business .active {
  background: #f5fcff !important;
  border-color: #a6e2f9 !important;
}
.template-filter .filter-type-wrap .filter-business .active a {
  color: #fff;
}
.template-filter .filter-type-wrap .filter-business:after {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 0;
  content: '';
}
.template-filter .filter-type-item {
  padding-top: 10px;
  margin-bottom: 40px;
}
.template-filter .filter-type-item .filter-item {
  position: relative;
}
.template-filter .filter-type-item .filter-item .more-btn {
  position: absolute;
  line-height: 28px;
  right: 0;
  bottom: 2px;
  padding-left: 20px;
  font-size: 14px;
  color: #03a9f4;
  cursor: pointer;
}
.template-filter .filter-type-item .filter-item .more-btn .iconfont {
  color: #03a9f4;
  font-size: 25px;
  line-height: 1;
  vertical-align: -4px;
}
.template-filter.case-filter .filter-type-item {
  border-bottom: none;
  border-top: 1px solid #e4e4e4;
}
.page-template-detail {
  background: #f1f1f1;
}
.page-template-detail .container-big {
  position: relative;
}
.template-detail-left {
  width: 68.5%;
  padding: 40px 40px 100px 0;
}
.template-thumbnail {
  text-align: center;
  font-size: 0;
  margin-bottom: 35px;
  position: relative;
}
.template-thumbnail .tpl-item {
  display: inline-block;
  width: calc(20% - 10px);
  cursor: pointer;
  margin-right: 12.5px;
  position: relative;
}
.template-thumbnail .tpl-item.last {
  margin-right: 0;
}
.template-thumbnail .tpl-item img {
  border-radius: 5px;
  width: 100%;
}
.template-thumbnail .tpl-item:after {
  position: absolute;
  content: '';
  z-index: 9;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.template-thumbnail .tpl-item.active:after,
.template-thumbnail .tpl-item:hover:after {
  opacity: 0;
}
.template-thumbnail .tpl-item-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(20% - 10px);
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 3px #323a48;
  box-shadow: inset 0 0 0 3px #323a48;
  opacity: 0;
}
.template-thumbnail .tpl-item-bg:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 5px;
  cursor: pointer;
  border-style: solid dashed dashed;
  border-color: #323a48 transparent transparent;
  border-bottom: none;
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
}
.template-thumbnail.template-thumbnail-all .tpl-item {
  width: calc(16.666666% - 10px);
  margin-right: 12px;
}
.template-thumbnail.template-thumbnail-all .tpl-item.last {
  margin-right: 0;
}
.template-thumbnail.template-thumbnail-all .tpl-item-bg {
  width: calc(16.666666% - 10px);
}
.template-normal {
  position: relative;
  border: 5px solid #ccc;
}
.template-normal img {
  display: inline-block;
  max-width: 100%;
}
.template-normal .slick-slide {
  outline: none;
}
.template-detail-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 31.5%;
  background: #fff;
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.15);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.15);
  padding: 35px;
}
.template-detail-right h3 {
  font-size: 24px;
  color: #444;
  font-weight: 400;
  margin: 5px 0 25px;
}
.template-detail-right ul li {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: lighter;
  color: #444;
}
.template-detail-right ul li .iconfont {
  font-size: 22px;
  color: #464646;
  margin-right: 10px;
  vertical-align: middle;
}
.template-detail-right ul li .price {
  color: #f92828;
  font-size: 30px;
  font-weight: 400;
  display: inline-block;
  vertical-align: -4px;
}
.template-detail-right a.preview {
  display: block;
  border-radius: 5px;
  background: #03a9f4;
  font-size: 24px;
  line-height: 2.6;
  text-align: center;
  color: #fff;
}
@media (max-width: 990px) {
  .template-detail-right {
    position: static;
    width: 100%;
    padding: 20px;
  }
  .template-detail-right h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .template-detail-right ul li {
    margin-bottom: 10px;
  }
  .template-detail-right a.preview {
    font-size: 16px;
  }
  .template-detail-left {
    width: 100%;
    padding: 20px 0;
  }
  .template-thumbnail {
    display: none;
  }
}
.secondarytype {
  margin: 0 15px;
  margin-bottom: 60px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 14px;
}
.secondarytype span {
  font-size: 15px;
  padding: 0 20px;
  margin-right: 10px;
  line-height: 30px;
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #fff;
}
.secondarytype span:hover a,
.secondarytype span a:hover {
  color: #00ade9;
}
.secondarytype .active {
  border: 1px solid #00ade9;
  border-radius: 3px;
  background: url(../images/choose.png) no-repeat 100% 100%;
}
.secondarytype .active a {
  color: #00ade9;
}
@media (max-width: 768px) {
  .secondarytype {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px 15px;
  }
  .secondarytype span {
    padding: 0 15px;
  }
}
.preview-img {
  background: #f6f6f6;
  position: relative;
  top: 58px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.preview-img .thumb-imgs {
  text-align: center;
  font-size: 0;
  padding: 20px 0;
}
.preview-img .thumb-imgs .img-wrap {
  display: inline-block;
  vertical-align: middle;
  width: calc(12.5% - 20px);
  margin: 0 10px;
  position: relative;
  height: 106px;
  overflow: hidden;
  border: 1px solid #ebebeb;
  cursor: pointer;
  background-position: center 0;
  background-size: cover;
}
.preview-img .thumb-imgs .img-wrap img {
  width: 100%;
  display: none;
}
.preview-img .thumb-imgs .img-wrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 61, 85, 0.41);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.preview-img .thumb-imgs .img-wrap.active:after,
.preview-img .thumb-imgs .img-wrap:hover:after {
  opacity: 1;
}
@media (max-width: 990px) {
  .preview-img .thumb-imgs .img-wrap {
    height: 56px;
  }
}
.preview-img .original-img {
  text-align: center;
  position: relative;
}
.preview-img .original-img img {
  max-width: 100%;
}
.preview-img .original-img:hover .arrows-btn a {
  opacity: 1;
}
.preview-img .original-img .arrows-btn a {
  position: fixed;
  z-index: 99;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  top: calc(50% - 35px);
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: rgba(0, 0, 0, 0.3);
  border-right: 5px;
}
.preview-img .original-img .arrows-btn a i {
  font-size: 20px;
  color: #fff;
}
.preview-img .original-img .arrows-btn a:hover {
  background: rgba(0, 0, 0, 0.8);
}
.preview-img .original-img .arrows-btn .img-prev {
  left: 10px;
}
.preview-img .original-img .arrows-btn .img-next {
  right: 10px;
}
.phone-input {
  position: relative;
  padding-right: 120px;
}
.phone-input .send-code {
  top: 0;
  position: absolute;
  right: 0;
  width: 100px;
  height: 34px;
  border: 1px solid #ddd;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #1fb3ee;
  -moz-user-select: none;
  cursor: pointer;
}
.phone-input .send-code:not(.clicked):hover {
  border-color: #1fb3ee;
  background: #1fb3ee;
  color: #fff;
}
.phone-input .send-code.clicked {
  opacity: 0.7;
  cursor: not-allowed;
}
#preview-body {
  overflow-y: hidden;
  background: #f6f6f6;
  min-height: 100vh;
}
#preview-bar {
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
  height: 58px;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#preview-bar .response-icon {
  float: left;
  width: 30%;
  padding: 0 2.5%;
  line-height: 56px;
}
#preview-bar .response-icon a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  font-size: 14px;
  color: #949494;
}
#preview-bar .response-icon a.active,
#preview-bar .response-icon a.active .iconfont,
#preview-bar .response-icon a:not(.no-hover):hover,
#preview-bar .response-icon a:not(.no-hover):hover .iconfont {
  color: #03a9f4;
}
#preview-bar .response-icon .iconfont {
  font-size: 34px;
  color: #949494;
  line-height: 1;
  vertical-align: middle;
  margin-right: 5px;
}
#preview-bar .preview-change {
  float: right;
  margin-right: 100px;
}
#preview-bar .preview-change span {
  display: inline-block;
  width: 62px;
  height: 32px;
  line-height: 32px;
  border-radius: 3px;
  background: #666;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
#preview-bar .preview-change span a {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#preview-bar .preview-change span:hover {
  background: #03a9f4;
}
#preview-bar .preview-info {
  float: right;
  margin-top: 17px;
  margin-right: 5.72916667%;
}
#preview-bar .preview-info span {
  display: inline-block;
  vertical-align: middle;
}
#preview-bar .preview-info a.ljgm {
  width: 110px;
  line-height: 26px;
  border-radius: 20px;
  background: #03a9f4;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#preview-bar .preview-info a.ljgm:hover {
  background: #0083cc;
}
#preview-bar .preview-info .number {
  color: #111;
  font-size: 16px;
  text-transform: uppercase;
  margin-right: 25px;
}
#preview-bar .preview-info .number:after {
  content: '|';
  color: #999;
  margin-left: 25px;
}
#preview-bar .preview-info .number i {
  margin-right: 5px;
}
#preview-bar .preview-info .web-tag {
  position: relative;
  line-height: 25px;
  padding: 0 10px;
  background: #f6f5f5;
  border-right: 2px;
  font-size: 13px;
  color: #747474;
}
#preview-bar .preview-info .web-tag i {
  margin-right: 5px;
}
.preview-toggle {
  position: absolute;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  right: 2.08333333%;
}
.preview-toggle .hidden-iocn {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  line-height: 40px;
  cursor: pointer;
}
.preview-toggle .hidden-iocn .iconfont {
  font-size: 35px;
  color: #000;
}
.preview-toggle .show-icon {
  position: absolute;
  z-index: 999;
  top: 49px;
  right: -100%;
  width: 58px;
  height: 58px;
  background: url(../images/preview-bg.png);
  text-align: right;
  display: none;
  cursor: pointer;
}
.preview-toggle .show-icon .iconfont {
  font-size: 30px;
  color: #fff;
}
#preview-iframe {
  position: relative;
  z-index: 50;
  top: 58px;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tablet-width {
  margin: 40px auto 0;
  padding: 96px 100px 115px 49px;
  width: 785px;
  background: url(../images/bgipad.png) no-repeat 0 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.tablet-width,
.tablet-width iframe {
  height: 960px !important;
}
.tablet-horizontal-width {
  height: 703px !important;
  margin: 40px auto 0;
  padding: 41px 115px 100px 75px;
  width: 1041px;
  background: url(../images/bgipadw.png) no-repeat;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.tablet-horizontal-width iframe {
  height: 704px !important;
}
.mobile-width {
  height: 540px !important;
  margin: 40px auto 0;
  padding: 102px 25px 159px 23px;
  width: 337px;
  background: url(../images/bgiphone.png) no-repeat;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.mobile-width iframe {
  height: 585px !important;
}
.mobile-horizontal-width {
  height: 273px !important;
  margin: 40px auto 0;
  padding: 43px 115px 69px 82px;
  width: 605px;
  background: url(../images/bgiphonew.png) no-repeat;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.mobile-horizontal-width iframe {
  height: 317px !important;
}
.case-banner .wz {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  color: #fff;
}
.case-banner .wz h3 {
  font-size: 34px;
  color: #fff;
  font-weight: 400;
  margin: 0 0 30px;
}
.case-banner .wz p {
  font-size: 16px;
  text-transform: uppercase;
}
.case-banner .wz .view-wrap {
  text-align: center;
}
@media (max-width: 768px) {
  .case-banner .wz h3 {
    font-size: 20px;
  }
}
.page-case {
  padding: 0 0 70px;
}
.page-case-title {
  text-align: center;
  margin-bottom: 50px;
}
.page-case-title h3 {
  margin: 0 0 15px;
  font-size: 34px;
  color: #333;
  font-weight: 200;
}
.page-case-title p {
  font-size: 14px;
  line-height: 2.3;
  color: #333;
  font-weight: 200;
}
.page-case .case-filter {
  width: 100%;
  padding: 20px 0;
  margin-bottom: 0;
}
.page-case .case-filter .filter-type-wrap {
  margin-bottom: 0;
}
.page-case .case-filter .filter-type-wrap .filter-title {
  width: 6%;
  margin-right: 3%;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
}
.page-case .case-filter .filter-type-wrap .filter-title span {
  font-weight: 400;
}
.page-case .case-filter .filter-type-item {
  border-top: none;
  margin-bottom: 0;
}
.page-case .case-filter .filter-type-wrap .filter-business span {
  width: auto;
  padding: 0 15px;
  margin: 0 3px;
  margin-bottom: 15px !important;
}
.page-case .case-filter .filter-type-wrap .filter-item {
  display: inline-block;
  width: 90%;
  padding-right: 100px;
  vertical-align: top;
  height: 30px;
}
.page-case .case-filter .filter-type-wrap .filter-item > span {
  width: auto;
  padding: 0 15px;
  margin: 0 3px;
}
@media (max-width: 990px) {
  .page-case .case-filter .filter-type-wrap .filter-title {
    width: 100%;
    margin-right: 0;
  }
  .page-case .case-filter .filter-type-wrap .filter-item {
    width: 100%;
    padding-right: 0;
    height: auto;
    display: none;
  }
  .page-case .case-filter .filter-type-wrap .filter-item > span {
    margin-bottom: 10px;
  }
  .page-case .case-filter .filter-type-wrap .filter-item .more-btn {
    display: none;
  }
}
.page-case .type-child-title {
  font-size: 15px;
  margin-bottom: 15px;
}
.page-case .type-child-title .filter-title {
  width: 6%;
  margin-right: 3%;
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 10px;
  color: #000;
}
.page-case .type-child-title .type-child {
  display: inline-block;
  width: 90%;
  padding-right: 100px;
  vertical-align: top;
  height: 40px;
}
.page-case .type-child-title .type-child span {
  display: inline-block;
  line-height: 28px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 15px;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
  margin-right: 8px;
}
.page-case .type-child-title .type-child span a {
  padding: 0 15px;
  position: relative;
  display: block;
}
.page-case .type-child-title .type-child span.active {
  background: #f5fcff;
  border-color: #a6e2f9;
}
.page-case .type-child-title .type-child span.active a {
  color: #00abee;
}
@media (max-width: 990px) {
  .page-case .type-child-title .filter-title {
    width: 100%;
  }
  .page-case .type-child-title .filter-title span {
    margin-right: 5px;
    color: #03a9f4;
    font-weight: 400;
  }
  .page-case .type-child-title .type-child {
    width: 100%;
    padding-right: 0;
  }
}
.page-case .page-case-content .secondarytype {
  margin-left: 0;
  margin-right: 0;
}
.page-case-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-case-item {
  margin-bottom: 30px;
}
.page-case-item .shadow-box {
  position: relative;
  margin-bottom: 20px;
}
.page-case-item .shadow-box a {
  display: block;
  position: relative;
  z-index: 9;
  border: 1px solid #ddd;
  text-align: center;
}
.page-case-item .shadow-box a img {
  max-width: 100%;
}
.page-case-item .shadow-box .shadow-img {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  bottom: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.page-case-item .shadow-box .shadow-img img {
  width: 100%;
}
.page-case-item h4 {
  font-weight: 400;
  color: #666;
  font-size: 14px;
  margin: 0;
  line-height: 27px;
  text-align: center;
  margin-bottom: 20px;
}
.page-case-item:hover .case-img img {
  opacity: 0.9;
}
.page-case-list .search-error {
  padding: 15px 0;
}
.page-case-list .search-error-title {
  text-align: center;
}
.page-case-list .search-error-title h3 {
  font-size: 36px;
  color: #666;
  font-weight: 100;
  padding-bottom: 10px;
}
.page-case-list .search-error-title p {
  font-size: 18px;
  color: #999;
}
@media (max-width: 990px) {
  .page-case .page-case-content .page-case-list .search-error {
    margin-bottom: 30px;
  }
  .page-case .page-case-content .page-case-list .search-error-title h3 {
    font-size: 20px;
  }
  .page-case .page-case-content .page-case-list .search-error-title p {
    font-size: 14px;
  }
}
@media (max-width: 990px) {
  .page-case {
    padding: 40px 0;
    padding-top: 0;
  }
  .page-case .page-case-title {
    margin-right: 0;
  }
  .page-case .page-case-title h3 {
    font-size: 28px;
  }
  .page-case .page-case-title p br {
    display: none;
  }
  .page-case .container {
    padding: 0 30px;
  }
  .page-case .case-filter {
    margin-right: 0;
    width: 100%;
    padding-top: 10px;
  }
  .page-case .page-case-content {
    width: 100%;
  }
  .page-case .page-case-content .page-case-item {
    margin-bottom: 15px;
  }
  .page-case .page-case-content .page-case-item .shadow-box,
  .page-case .page-case-content .page-case-item h4 {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .page-case .page-case-content {
    width: 100%;
    padding: 20px 15px;
    background: #fff;
  }
}
.page-case-detail {
  padding-top: 40px;
  background: #f6f6f6;
}
.case-detail-img .img {
  background: url(../images/case-detail-img-bg.png) top no-repeat;
  text-align: center;
  padding-top: 33px;
  margin-bottom: 30px;
  height: 748px;
}
.case-detail-img .img img {
  width: 868px;
  height: 503px;
}
.case-detail-img .view {
  display: block;
  font-size: 16px;
  color: #03a9f4;
  border: 1px solid #03a9f4;
  border-radius: 1.25em;
  width: 11.875em;
  line-height: 2.8;
  text-align: center;
  text-transform: capitalize;
}
.case-detail-img .view:hover {
  background: #03a9f4;
  color: #fff;
}
.case-detail-info {
  margin-bottom: 35px;
}
.case-detail-info > h3 {
  border-bottom: 1px solid #d2d1d1;
  line-height: 35px;
  padding: 10px 20px;
  font-size: 18px;
  color: #444;
  font-weight: 400;
  margin: 0;
}
.case-detail-info .info-wrap {
  padding: 20px;
}
.case-detail-info .info-wrap p {
  font-size: 14px;
  line-height: 33px;
  color: #444;
  font-weight: 200;
}
.case-detail-info .info-wrap p img {
  max-width: 100%;
}
.case-detail-info .preview-prve {
  width: 44px;
  height: 44px;
  border-radius: 25px;
  line-height: 44px;
  color: #fff;
  font-size: 12px;
  text-indent: 55px;
  position: fixed;
  left: 100px;
  bottom: 36%;
  overflow: hidden;
  text-align: left;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.case-detail-info .preview-prve > div {
  position: relative;
}
.case-detail-info .preview-prve > div span {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  text-indent: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  left: 0;
  top: 0;
}
.case-detail-info .preview-prve > div span .iconfont {
  font-size: 15px;
  color: #fff;
}
.case-detail-info .preview-prve > div a {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: #fff;
  opacity: 0;
}
.case-detail-info .preview-prve > div:hover span {
  background: #03a9f4;
}
.case-detail-info .preview-prve.on {
  width: 142px;
  background: #2e2e2e;
}
.case-detail-info .preview-next {
  width: 44px;
  height: 44px;
  border-radius: 25px;
  line-height: 44px;
  color: #fff;
  font-size: 12px;
  text-indent: -120px;
  position: fixed;
  right: 100px;
  bottom: 36%;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.case-detail-info .preview-next > div {
  position: relative;
}
.case-detail-info .preview-next > div span {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  text-indent: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  right: 0;
  top: 0;
}
.case-detail-info .preview-next > div span .iconfont {
  font-size: 15px;
  color: #fff;
}
.case-detail-info .preview-next > div a {
  font-size: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: #fff;
  opacity: 0;
}
.case-detail-info .preview-next > div:hover span {
  background: #03a9f4;
}
.case-detail-info .preview-next.on {
  width: 142px;
  background: #2e2e2e;
  text-indent: -30px;
}
.case-detail-tag {
  border: 1px solid #47aca1;
  padding: 20px;
  font-size: 18px;
  color: #444;
}
.case-detail-tag span {
  float: left;
}
.case-detail-tag .tag-content {
  overflow: hidden;
}
.case-detail-tag .tag-content a {
  display: inline-block;
  color: #444;
  margin: 0 20px;
}
.case-detail-tag .tag-content a:hover {
  color: #03a9f4;
}
@media (max-width: 990px) {
  .page-case-detail {
    padding-top: 1px;
  }
  .case-detail-img {
    padding: 0 5%;
  }
  .case-detail-img .img {
    height: auto;
    background-size: cover;
    padding: 3.7% 4% 22.5%;
  }
  .case-detail-img .img img {
    width: 100%;
    height: auto;
  }
  .case-detail-img .view {
    font-size: 14px;
  }
  .case-detail-info {
    margin: 30px 0;
  }
  .case-detail-tag {
    padding: 10px;
    font-size: 14px;
  }
  .case-detail-tag .tag-content a {
    margin: 0 10px;
  }
}
@media (max-width: 990px) {
  .casebutton {
    display: none;
  }
}
.case-detail-mobile-wrap {
  margin: 0 auto;
  width: 665px;
}
.case-detail-mobile {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 540px;
  padding: 102px 25px 159px 23px;
  width: 337px;
  background: url(../images/bgiphone.png) no-repeat;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  float: left;
}
.case-detail-mobile-content {
  height: 585px;
  overflow-x: hidden;
  overflow-y: auto;
}
.case-detail-mobile-content img,
.case-detail-mobile-content p img {
  width: 100%;
}
.case-detail-mobile-ewm {
  width: 150px;
  margin-left: 15%;
  float: left;
  margin-top: 10%;
}
.case-detail-mobile-ewm p {
  text-align: center;
  margin-bottom: 10px;
}
.case-detail-mobile-ewm img {
  width: 150px;
  height: 150px;
}
.case-type-filter {
  border-bottom: 1px solid #e5e5e5;
  color: #333;
}
.case-type-filter .case-category {
  text-align: justify;
  font-size: 0;
}
.case-type-filter .case-category:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 0;
}
.case-type-filter .case-category li {
  display: inline-block;
  vertical-align: middle;
  width: 12.5%;
  position: relative;
}
.case-type-filter .case-category li:after {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  background: transparent;
  bottom: -1px;
}
.case-type-filter .case-category li a {
  display: block;
  text-align: center;
  padding: 20px 0;
  font-size: 16px;
}
@media (max-width: 990px) {
  .case-type-filter .case-category li a {
    padding: 10px 0;
  }
}
.case-type-filter .case-category li.active a,
.case-type-filter .case-category li:hover a {
  color: #00abee;
}
.case-type-filter .case-category li.active:after {
  background: #00abee;
}
.page-case {
  padding-top: 12px;
}
.case-version-filter {
  padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}
.case-version-filter-item span {
  line-height: 25px;
  font-size: 14px;
  color: #444;
  margin-right: 30px;
}
.case-version-filter-item span a {
  color: inherit;
}
@media (min-width: 990px) {
  .case-version-filter-item span:first-child {
    display: inline-block;
    width: 12.5%;
    text-align: center;
    margin-right: 0;
  }
}
.case-version-filter-item span.active a,
.case-version-filter-item span:hover a {
  color: #00abee;
}
.case-industry-filter {
  margin-bottom: 30px;
}
.case-industry-filter-item span {
  font-size: 14px;
  color: #444;
  width: 12.5%;
  text-align: center;
  line-height: 1.6;
  float: left;
}
.case-industry-filter-item span a {
  display: block;
  padding: 10px 5px;
  color: inherit;
}
.case-industry-filter-item span.active a,
.case-industry-filter-item span:hover a {
  color: #00abee;
}
@media (max-width: 990px) {
  .case-type-filter {
    padding: 10px 0;
  }
  .case-type-filter .case-category:after {
    display: none;
  }
  .case-type-filter .case-category li {
    width: 25%;
  }
  .case-type-filter .case-category li a {
    font-size: 14px;
  }
  .mob-case-filter-title {
    position: relative;
    height: 30px;
    line-height: 29px;
  }
  .mob-case-filter-title h3 {
    font-size: 14px;
    color: #000;
    margin: 0;
    line-height: 30px;
  }
  .mob-case-filter-title span {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 5px;
    color: #03a9f4;
  }
  .mob-case-filter-title i {
    font-size: 16px;
    color: #333;
  }
  .case-version-filter {
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .case-version-filter-item {
    display: none;
  }
  .case-version-filter-item span {
    float: left;
    padding: 0;
    text-align: center;
    width: calc(50% - 10px);
    margin: 5px;
  }
  .case-industry-filter {
    margin-bottom: 0;
  }
  .case-industry-filter-item {
    display: none;
  }
  .case-industry-filter-item span {
    width: 50%;
    padding: 5px;
  }
}
.want-buy {
  text-align: center;
  margin-top: 20px;
}
.want-buy a {
  font-size: 17px;
  padding: 0 20px;
  line-height: 40px;
  background: #03a9f4;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
}
.want-buy a:hover {
  background: #0083cc;
}
.tan {
  display: none;
  text-align: center;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 111;
  width: 320px;
  padding: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #000;
  cursor: pointer;
}
.tan .gb {
  position: absolute;
  color: #000;
  right: 10px;
  top: 10px;
  font-size: 16px;
  z-index: 11;
}
.tan h2 {
  font-weight: 500;
  font-size: 16px;
}
.tan .zi {
  margin-bottom: 14px;
}
.tan .zi input {
  background: none;
  font-size: 14px;
}
.tan .zi input,
.tan button {
  border: none;
  line-height: 24px;
}
.tan button {
  background: #03a9f4;
  color: #fff;
}
.page-faq-cover {
  padding: 60px 0;
}
.faq-cover-list .faq-item {
  display: block;
  text-align: center;
  padding: 40px 0;
}
.faq-cover-list .faq-item .icon {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
}
.faq-cover-list .faq-item .iconfont {
  font-size: 48px;
  color: #4b4b4b;
}
.faq-cover-list .faq-item h5 {
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: 200;
  color: #444;
}
.faq-cover-list .faq-item p {
  font-size: 16px;
  color: #444;
  font-weight: 200;
}
.faq-cover-list .faq-item:hover .iconfont,
.faq-cover-list .faq-item:hover h5,
.faq-cover-list .faq-item:hover p {
  color: #03a9f4;
}
.page-anchor {
  padding-top: 32px;
}
.page-anchor .breadcrumbs {
  padding-bottom: 16px;
  border-bottom: 1px solid #eceef0;
  color: #707070;
  font-weight: 400;
  letter-spacing: 0.8px;
  font-size: 0;
}
.page-anchor .breadcrumbs li {
  font-size: 14px;
  display: inline-block;
  color: #0a0a0a;
}
.page-anchor .breadcrumbs li a {
  color: #707070;
  font-size: 14px;
}
.page-anchor .breadcrumbs li a:hover {
  text-decoration: underline;
  color: #0a0a0a;
}
.page-anchor .breadcrumbs li:not(:last-child):after {
  color: #cacaca;
  content: '/';
  margin: 0 12px;
  opacity: 1;
}
.page-faq-wrap {
  padding: 30px 0;
}
.page-faq-wrap .faq-sort li {
  margin-bottom: 7px;
}
.page-faq-wrap .faq-sort li a {
  display: block;
  padding: 11.2px 16px;
  line-height: 1;
  color: #0a0a0a;
  border-radius: 3px;
  font-size: 14px;
}
.page-faq-wrap .faq-sort li a.active,
.page-faq-wrap .faq-sort li a:hover {
  background-color: #f5f5f5;
}
.page-faq-list li {
  margin-bottom: 40px;
}
.page-faq-list li h4 {
  color: #0a0a0a;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 200;
  margin: 0 0 0.5em;
}
.page-faq-list li p {
  color: #575757;
  font-size: 14px;
}
.page-faq-list li:hover h4,
.page-faq-list li:hover p {
  color: #03a9f4;
}
.customer-wrap {
  background-color: #f8f8f8;
  margin-top: 0;
  padding: 20px 0;
}
.customer-wrap .container {
  background-color: #fff;
  padding-bottom: 40px;
}
.customer-wrap .customer-wrap {
  margin-bottom: 40px;
}
.customer-wrap .customer-top {
  text-align: center;
  padding: 80px 0;
}
.customer-wrap .customer-top i {
  font-size: 90px;
  color: #3d8cff;
}
.customer-wrap .customer-top span {
  font-size: 15px;
  padding-top: 10px;
  display: inline-block;
}
.customer-wrap .customer-content {
  padding: 30px;
}
.customer-wrap .customer-content .customer-amount .customer-price {
  color: #f90;
}
.customer-wrap .customer-content .customer-text {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 15px;
  color: #333;
}
.customer-wrap .customer-content .customer-text .customer-name {
  font-size: 18px;
}
.customer-wrap .customer-content .customer-text .price {
  color: #f90;
}
.customer-wrap .customer-content .customer-text .amount {
  color: #4aab42;
}
.table tbody > tr > td,
.table thead > tr > th {
  padding: 16px;
  word-break: break-all;
  font-size: 14px;
}
.cost-list tbody > tr > td,
.cost-list thead > tr > th {
  padding: 12px;
}
.table > thead > tr > th {
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
.customer-price {
  color: #f90;
}
.customer-btn {
  color: #555;
}
.customer-btn:hover {
  color: #1989fa;
}
.customer-btn:visited {
  color: #555;
}
.customer-page {
  color: #999;
  border-color: #999;
}
.customer-page:hover {
  border-color: #333;
  color: #333;
  background: #fff;
}
.modal-header .modal-title {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  padding-top: 5px;
}
.cost-dialog {
  margin-top: 120px;
}
.modal-body {
  padding: 20px;
}
.costs-top {
  font-size: 14px;
  color: #333;
}
.keyword-deleted {
  display: inline-block;
  padding: 2px 6px;
  color: #f90;
  background: #fdfaf6;
  border: 1px solid #fac16b;
  font-size: 12px;
}
.search-tip {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
  font-size: 15px;
  color: #fbcf01;
}
.download-box {
  background: #fff;
  font-size: 0;
  padding: 7.8125% 0;
}
.download-box .container {
  padding: 0;
}
.download-box:nth-of-type(2n) {
  background: #f6f6f6;
}
.download-box:nth-of-type(2n) .download-content {
  padding-right: 5.83333333%;
  padding-left: 0;
}
@media (min-width: 990px) {
  .download-content,
  .download-img {
    display: inline-block;
    vertical-align: middle;
  }
}
.download-img {
  width: 51.91666667%;
}
.download-img img {
  max-width: 100%;
}
.download-content {
  width: 48.08333333%;
  padding-left: 5.83333333%;
}
.download-content h3 {
  font-size: 26px;
  color: #222;
  margin: 0 0 20px;
  font-weight: 400;
}
.download-content p {
  font-size: 15px;
  color: #444;
  font-weight: 200;
}
.download-content .download-list {
  margin-top: 30px;
}
.download-content .download-list li {
  display: inline-block;
  vertical-align: top;
  width: 47%;
  margin-right: 1.5%;
  margin-bottom: 10px;
  line-height: 44px;
}
.download-content .download-list li a {
  display: block;
  border: 1px solid #7e8097;
  border-radius: 2px;
  position: relative;
  padding-left: 20px;
  padding-right: 60px;
  color: #636689;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.download-content .download-list li a:hover {
  background: #393a47;
  color: #fff;
  border-color: #393a47;
}
.download-content .download-list li .iconfont {
  font-size: 18px;
  margin-right: 10px;
}
.download-content .download-list li b {
  font-weight: 400;
  font-size: 13px;
}
.download-content .download-list li .iconfont,
.download-content .download-list li b {
  display: inline-block;
  vertical-align: middle;
}
.download-content .download-list li span {
  position: absolute;
  right: 20px;
  font-size: 12px;
  opacity: 0.6;
}
@media (max-width: 1200px) {
  .download-content .download-list li a {
    padding-left: 10px;
    padding-right: 50px;
  }
  .download-content .download-list li span {
    right: 10px;
  }
}
.download-content .download-list li.type-ewm {
  position: relative;
}
.download-content .download-list li.type-ewm .mac-ewm {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  position: absolute;
  left: 0;
  right: 0;
  background: #fff;
  text-align: center;
  padding: 15px;
}
.download-content .download-list li.type-ewm .mac-ewm img {
  max-width: 100%;
}
.download-content .download-list li.type-ewm:hover .mac-ewm {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.download-btn {
  text-align: center;
}
.download-btn a {
  display: inline-block;
  border: 1px solid #333;
  border-radius: 2em;
  font-size: 14px;
  color: #333;
  padding: 0.5em 2em;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.download-btn a:hover {
  background: #333;
  color: #fff;
}
@media (max-width: 990px) {
  .download-box .container {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .download-content,
  .download-img {
    width: 100%;
    padding: 0;
  }
  .download-img {
    text-align: center;
    margin-bottom: 20px;
  }
  .download-content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .download-content h3 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .download-content p {
    font-size: 12px;
  }
  .download-content .download-list {
    margin-top: 15px;
  }
  .download-content .download-list li {
    width: 100%;
    margin: 0 0 10px;
    line-height: 40px;
  }
  .download-content .download-list li.type-ewm .mac-ewm {
    position: static;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }
}
.banner .owl-carousel .item-zq {
  position: relative;
  background: #032088 url(//static.cn86.cn/img/2019/10/134c3e3870kdhznz.jpg) 50%
    no-repeat;
  background-size: cover;
}
.banner .owl-carousel .item-zq .img-a,
.banner .owl-carousel .item-zq .img-b {
  text-align: center;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.banner .owl-carousel .item-zq .img-a img,
.banner .owl-carousel .item-zq .img-b img {
  max-width: 100%;
  width: auto;
  display: inline-block;
}
@media (max-width: 1600px) {
  .banner .owl-carousel .item-zq .img-a img,
  .banner .owl-carousel .item-zq .img-b img {
    max-width: 66%;
  }
}
@media (max-width: 990px) {
  .banner .owl-carousel .item-zq .img-a,
  .banner .owl-carousel .item-zq .img-b {
    height: 100%;
  }
  .banner .owl-carousel .item-zq .img-a img,
  .banner .owl-carousel .item-zq .img-b img {
    max-height: 100%;
    max-width: 100%;
  }
}
@media (max-width: 420px) {
  .banner .owl-carousel .item-zq .img-a {
    padding: 13% 20px 0;
  }
}
.banner .owl-carousel .item-zq .img-b {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media (max-width: 420px) {
  .banner .owl-carousel .item-zq .img-b {
    padding: 7% 20px 0;
  }
}
.banner .owl-carousel .active .item-zq .img-a,
.banner .owl-carousel .active .item-zq .img-b {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.activity-content {
  background: #ab0207;
  padding-bottom: 1px;
}
.activity-content .one-box {
  padding-top: 40px;
}
.activity-content .activity-container {
  width: 1144px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.activity-content .activity-title {
  background: url(//static.cn86.cn/img/2019/10/322d5031edwpbgte.png) top
    no-repeat;
  height: 140px;
  text-align: center;
  padding-top: 60px;
}
.activity-content .activity-title span {
  display: inline-block;
  font-size: 45px;
  color: #f8d745;
}
.activity-content .one-box {
  position: relative;
}
.activity-content .one-box:before {
  content: url(//static.cn86.cn/img/2019/10/e3fc44b3703iphq4.png);
  position: absolute;
  top: 40px;
  left: 0;
}
.activity-content .one-box:after {
  content: url(//static.cn86.cn/img/2019/10/350f096589nm6pur.png);
  position: absolute;
  bottom: 80px;
  right: 0;
}
.activity-content .one-content {
  background: url(//static.cn86.cn/img/2019/10/3cf7df8010nz2yd4.png) 50%
    no-repeat;
  height: 780px;
  width: 1294px;
  margin: 0 -75px;
  padding: 220px 178px 0;
}
.activity-content .one-content .title {
  font-size: 28px;
  color: #a60207;
  text-align: center;
  margin-bottom: 20px;
}
.activity-content .one-content .title span {
  font-size: 39px;
  position: relative;
  color: #fcda46;
  font-weight: 700;
  top: 5px;
  text-shadow: 3px 2px 0 #a70207;
}
.activity-content .one-content .desc {
  text-align: center;
}
.activity-content .one-content .desc h3 {
  font-size: 36px;
  color: #a60207;
  font-weight: 400;
}
.activity-content .one-content .desc p {
  font-size: 22px;
  color: #a60207;
  line-height: 2;
}
.activity-content .one-content .desc p span {
  border-bottom: 1px solid #a60207;
}
.activity-content .two-box {
  margin-bottom: 100px;
  position: relative;
}
.activity-content .two-box:before {
  content: url(//static.cn86.cn/img/2019/10/28bb8e5006xjxkgi.png);
  position: absolute;
  top: 110px;
  left: 0;
}
.activity-content .two-box:after {
  content: url(//static.cn86.cn/img/2019/10/ab51b8c1938o4djt.png);
  position: absolute;
  bottom: 0;
  right: 0;
}
.activity-content .two-box .activity-title {
  margin-bottom: 60px;
}
.activity-content .two-box .two-content {
  border-radius: 20px;
  background: #fff4d1;
  padding: 70px 25px;
}
.activity-content .two-box .two-content ul {
  margin: 0 -30px;
}
.activity-content .two-box .two-content ul li {
  float: left;
  width: calc(25% - 60px);
  margin: 0 30px;
  position: relative;
}
.activity-content .two-box .two-content ul li:not(:last-child):after {
  content: url(//static.cn86.cn/img/2019/10/c56cf9ff66tsfmdf.png);
  position: absolute;
  right: -50px;
  top: 55%;
}
.activity-content .two-box .two-content ul li .num {
  margin: 0 auto 40px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #ab0207;
  font-size: 40px;
  color: #fff4d1;
  text-align: center;
  line-height: 55px;
}
.activity-content .two-box .two-content ul .img img {
  width: 100%;
}
.activity-content .three-box {
  margin-bottom: 50px;
  position: relative;
}
.activity-content .three-box:before {
  content: url(//static.cn86.cn/img/2019/10/91ae54910b6ciuse.png);
  position: absolute;
  top: 20px;
  left: 50px;
}
.activity-content .three-box .activity-title {
  background: url(//static.cn86.cn/img/2019/10/737ffa6b9bozcchi.png) top
    no-repeat;
  margin-bottom: 60px;
}
.activity-content .three-box .three-content {
  border-radius: 20px;
  background: #fff4d1;
  padding: 70px 150px;
}
.activity-content .three-box .form-group {
  margin-bottom: 25px;
  position: relative;
  padding-left: 150px;
  font-size: 0;
}
.activity-content .three-box .form-group .title {
  font-size: 30px;
  color: #2b2b2b;
  position: absolute;
  margin-left: -150px;
  line-height: 57px;
}
.activity-content .three-box .form-group input[type='text'] {
  width: 100%;
  border: 1px solid #666;
  border-radius: 5px;
  height: 55px;
  padding: 0 15px;
  font-size: 16px;
  color: #333;
  outline: none;
  background: transparent;
}
.activity-content .three-box .form-group input[type='text'].phone {
  width: 45%;
  margin-right: 3%;
}
.activity-content .three-box .form-group input[type='text'].code {
  width: 25%;
  margin-right: 3%;
}
.activity-content .three-box #captcha {
  display: inline-block;
  width: 24%;
}
.activity-content .three-box .submit {
  text-align: center;
}
.activity-content .three-box .submit button {
  width: 240px;
  height: 60px;
  border-radius: 30px;
  background: #ab0207;
  font-size: 28px;
  color: #fff4d1;
  border: none;
  outline: none;
}
@media (max-width: 1366px) {
  .activity-content .activity-container {
    width: 990px;
  }
  .activity-content .one-content {
    background-size: 100%;
    width: 1140px;
    height: 700px;
    padding: 170px 148px 0;
  }
  .activity-content .one-content .title {
    font-size: 24px;
  }
  .activity-content .one-content .title span {
    font-size: 30px;
    top: 2px;
  }
}
@media (max-width: 1150px) {
  .activity-content .one-content {
    width: 100%;
    margin: 0;
    height: 540px;
    padding: 125px 125px 0;
  }
  .activity-content .one-box:after,
  .activity-content .two-box:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
  }
  .activity-content .one-box:before,
  .activity-content .three-box:before,
  .activity-content .two-box:before {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: top left;
    transform-origin: top left;
  }
  .activity-content .activity-title {
    height: 80px;
    background-size: auto 100% !important;
    padding-top: 35px;
  }
  .activity-content .activity-title span {
    font-size: 24px;
  }
  .activity-content .three-box .three-content {
    paddoing: 50px 100px;
  }
  .activity-content .two-box .two-content ul {
    margin: 0 -15px;
  }
  .activity-content .two-box .two-content ul li {
    margin: 0 15px;
    width: calc(25% - 30px);
  }
  .activity-content .two-box .two-content ul li:not(:last-child):after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    right: -35px;
  }
}
@media (max-width: 990px) {
  .activity-content .one-box:after,
  .activity-content .one-box:before,
  .activity-content .three-box:before,
  .activity-content .two-box:after,
  .activity-content .two-box:before {
    display: none;
  }
  .activity-content .activity-container {
    width: 95%;
  }
  .activity-content .activity-title {
    height: 50px;
    padding-top: 22px;
  }
  .activity-content .activity-title span {
    font-size: 16px;
  }
  .activity-content .one-content {
    background-size: auto 100%;
    padding: 104px 20px;
    margin: -50px 0;
  }
  .activity-content .one-content .title {
    font-size: 16px;
  }
  .activity-content .one-content .title span {
    font-size: 20px;
    text-shadow: 1px 1px 0 #a70207;
  }
  .activity-content .one-content .desc h3 {
    font-size: 18px;
  }
  .activity-content .one-content .desc p {
    font-size: 14px;
  }
  .activity-content .two-box {
    margin-bottom: 40px;
  }
  .activity-content .two-box .activity-title {
    margin-bottom: 30px;
  }
  .activity-content .two-box .two-content {
    padding: 30px 20px;
  }
  .activity-content .two-box .two-content ul li {
    width: calc(50% - 30px);
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .activity-content .two-box .two-content ul li .num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .activity-content .two-box .two-content ul li:nth-of-type(2):after {
    display: none;
  }
  .activity-content .three-box .three-content {
    padding: 30px 20px;
  }
  .activity-content .three-box .activity-title {
    margin-bottom: 30px;
  }
  .activity-content .three-box .form-group {
    margin-bottom: 15px;
    padding-left: 0;
  }
  .activity-content .three-box .form-group .title {
    position: static;
    margin-left: 0;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1;
    display: block;
  }
  .activity-content .three-box .form-group input[type='text'] {
    height: 35px;
  }
  .activity-content .three-box .form-group input[type='text'].phone {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .activity-content .three-box .form-group input[type='text'].code {
    width: 60%;
    vertical-align: middle;
  }
  .activity-content .three-box #captcha {
    width: 37%;
  }
  .activity-content .three-box .submit button {
    width: 140px;
    height: 35px;
    border-radius: 20px;
    font-size: 14px;
  }
}
.activity-191022 {
  padding-top: 1px;
  background: #0b144f;
}
.activity-191022-title {
  background: #52b4f9;
  text-align: center;
  font-size: 54px;
  color: #fff;
  line-height: 2;
}
.activity-191022-container {
  max-width: 1600px;
  margin: 0 auto;
}
.activity-191022 .one-box {
  margin-top: 6.77083333%;
  margin-bottom: 4.16666667%;
  background: #323a75;
}
.activity-191022 .one-box ul {
  padding: 5% 0;
}
.activity-191022 .one-box li {
  float: left;
  width: 33.3333%;
  padding: 0 3%;
  text-align: center;
}
.activity-191022 .one-box li .icon {
  display: block;
  margin-bottom: 20px;
}
.activity-191022 .one-box li .icon img {
  max-width: 100%;
}
.activity-191022 .one-box li h3 {
  font-size: 25px;
  color: #fffefe;
  margin: 0 0 15px;
  font-weight: 400;
}
.activity-191022 .one-box li p {
  font-size: 20px;
  color: #fffefe;
  line-height: 1.7;
}
.activity-191022 .two-box {
  background: #323a75;
  padding-bottom: 3.125%;
  margin-bottom: 4.6875%;
}
.activity-191022 .two-box ul {
  margin: 4.6875% -4px 0;
}
.activity-191022 .two-box li {
  width: calc(25% - 8px);
  margin: 0 4px 30px;
  float: left;
  background: #3f4ba7;
}
.activity-191022 .two-box li .img {
  display: block;
}
.activity-191022 .two-box li .img img {
  max-width: 100%;
}
.activity-191022 .two-box li h3 {
  font-size: 18px;
  color: #fdfefe;
  line-height: 3;
  text-align: center;
  margin: 0;
  font-weight: 400;
}
.activity-191022 .three-box {
  background: #323a75;
  margin-bottom: 3.38541667%;
}
.activity-191022 .three-box ul {
  margin: 0 -10px;
  padding: 3.125% 0;
}
.activity-191022 .three-box li {
  float: left;
  width: calc(50% - 20px);
  margin: 0 10px;
  text-align: center;
}
.activity-191022 .three-box li img {
  max-width: 100%;
}
.activity-191022 .four-box {
  background: #323a75;
  padding: 4.6875%;
}
.activity-191022 .four-box ul {
  margin: 0 -30px;
}
.activity-191022 .four-box li {
  width: calc(33.3333% - 60px);
  float: left;
  font-size: 42px;
  margin: 0 30px;
  color: #fdfbfc;
  text-align: center;
}
.activity-191022 .four-box li span {
  font-size: 50px;
  color: #fafd01;
}
.activity-191022 .fire-box {
  background: #9ea3c7;
  padding: 6.25% 0;
}
.activity-191022 .fire-box form {
  max-width: 1200px;
  margin: 0 auto;
}
.activity-191022 .fire-box .form-group {
  position: relative;
  padding-left: 220px;
  font-size: 0;
  margin-bottom: 40px;
}
.activity-191022 .fire-box .form-group span.title {
  position: absolute;
  font-size: 42px;
  line-height: 80px;
  color: #2b2b2b;
  left: 0;
}
.activity-191022 .fire-box .form-group input[type='text'] {
  width: 100%;
  height: 80px;
  background: transparent;
  outline: none;
  padding: 0 15px;
  border: 2px solid #141414;
  font-size: 16px;
  color: #333;
}
.activity-191022 .fire-box .form-group input[type='text'].phone {
  width: 50%;
  margin-right: 3%;
}
.activity-191022 .fire-box .form-group input[type='text'].code {
  width: 25%;
  margin-right: 3%;
}
.activity-191022 .fire-box .form-group #captcha {
  width: 19%;
  margin-top: 13px;
}
.activity-191022 .fire-box .submit {
  text-align: center;
}
.activity-191022 .fire-box .submit [type='submit'] {
  width: 338px;
  height: 85px;
  background: #ab0207;
  font-size: 43px;
  color: #fff4d1;
  border-radius: 85px;
  outline: none;
  border: none;
}
@media (max-width: 1600px) {
  .activity-191022-container {
    max-width: 1200px;
  }
  .activity-191022-title {
    font-size: 40px;
  }
  .activity-191022 .four-box li {
    font-size: 30px;
  }
  .activity-191022 .four-box li span {
    font-size: 40px;
  }
  .activity-191022 .fire-box .form-group {
    padding-left: 150px;
  }
  .activity-191022 .fire-box .form-group span.title {
    font-size: 30px;
    line-height: 60px;
  }
  .activity-191022 .fire-box .form-group input[type='text'] {
    height: 60px;
    border-width: 1px;
  }
  .activity-191022 .fire-box .form-group #captcha {
    margin-top: 0;
  }
  .activity-191022 .fire-box .submit [type='submit'] {
    width: 300px;
    height: 70px;
    font-size: 30px;
    border-radius: 35px;
  }
}
@media (max-width: 1240px) {
  .activity-191022-title {
    font-size: 30px;
  }
  .activity-191022-container {
    max-width: 990px;
  }
  .activity-191022 .fire-box form {
    padding: 0 5%;
  }
  .activity-191022 .four-box li {
    font-size: 24px;
  }
  .activity-191022 .four-box li span {
    font-size: 30px;
  }
  .activity-191022 .one-box li h3 {
    font-size: 18px;
  }
  .activity-191022 .one-box li p,
  .activity-191022 .two-box li h3 {
    font-size: 16px;
  }
}
@media (max-width: 990px) {
  .activity-191022-container {
    width: 95%;
  }
  .activity-191022-title {
    font-size: 18px;
  }
  .activity-191022 .one-box li .icon {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    width: 90px;
    text-align: center;
    padding: 20px;
  }
  .activity-191022 .one-box li {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    padding: 0;
    text-align: left;
  }
  .activity-191022 .one-box li h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
  }
  .activity-191022 .one-box li p {
    font-size: 14px;
    line-height: 1.5;
  }
  .activity-191022 .two-box li {
    margin-bottom: 15px;
    width: calc(50% - 8px);
  }
  .activity-191022 .two-box li h3 {
    font-size: 14px;
  }
  .activity-191022 .three-box ul {
    margin: 0;
  }
  .activity-191022 .three-box li {
    width: 100%;
    margin: 0 0 20px;
  }
  .activity-191022 .four-box ul {
    margin: 0;
  }
  .activity-191022 .four-box li {
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
  }
  .activity-191022 .fire-box .form-group {
    padding-left: 0;
    margin-bottom: 10px;
  }
  .activity-191022 .fire-box .form-group span.title {
    position: static;
    font-size: 16px;
    display: block;
    line-height: 1;
    margin-bottom: 10px;
  }
  .activity-191022 .fire-box .form-group input[type='text'] {
    height: 40px;
  }
  .activity-191022 .fire-box .form-group input[type='text'].phone {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .activity-191022 .fire-box .form-group input[type='text'].code {
    width: 60%;
  }
  .activity-191022 .fire-box .form-group #captcha {
    width: 35%;
  }
  .activity-191022 .fire-box .submit [type='submit'] {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    font-size: 14px;
  }
}
.activity-banner img {
  width: 100%;
}
.activity-191112 {
  background: url(//static.cn86.cn/img/2019/11/d358773fc0hudbj7.jpg) top
    no-repeat;
  background-size: 100%;
  padding-bottom: 1px;
}
.activity-191112 .one-box {
  padding: 150px 0 95px;
}
.activity-191112 .activity-container {
  width: 1144px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.activity-191112 .activity-title {
  text-align: center;
  margin-bottom: 45px;
}
.activity-191112 .activity-title span {
  display: inline-block;
  background: #1557cf;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 5px 0 rgba(19, 5, 9, 0.75);
  box-shadow: 0 5px 5px 0 rgba(19, 5, 9, 0.75);
  line-height: 2.1;
  font-size: 45px;
  padding: 0 2em;
  color: #fdfdfb;
}
.activity-191112 .one-content {
  background: #fff;
  border: 12px solid #52d1fd;
  border-radius: 40px;
  padding: 70px 0;
}
.activity-191112 .one-content .title {
  font-size: 28px;
  color: #171717;
  text-align: center;
  margin-bottom: 20px;
}
.activity-191112 .one-content .title span {
  font-size: 39px;
  position: relative;
  color: #1557cf;
  font-weight: 700;
  top: 5px;
}
.activity-191112 .one-content .desc {
  text-align: center;
}
.activity-191112 .one-content .desc h3 {
  font-size: 36px;
  color: #1557cf;
  font-weight: 400;
}
.activity-191112 .one-content .desc p {
  font-size: 22px;
  color: #171717;
  line-height: 2;
}
.activity-191112 .one-content .desc p span {
  border-bottom: 1px solid #171717;
}
.activity-191112 .two-box {
  margin-bottom: 100px;
  position: relative;
}
.activity-191112 .two-box .activity-title {
  margin-bottom: 60px;
}
.activity-191112 .two-box .two-content {
  background: #fff;
  border: 12px solid #52d1fd;
  border-radius: 40px;
  padding: 70px 25px;
}
.activity-191112 .two-box .two-content ul {
  margin: 0 -30px;
}
.activity-191112 .two-box .two-content ul li {
  float: left;
  width: calc(25% - 60px);
  margin: 0 30px;
  position: relative;
}
.activity-191112 .two-box .two-content ul li:not(:last-child):after {
  content: url(//static.cn86.cn/img/2019/10/c56cf9ff66tsfmdf.png);
  position: absolute;
  right: -50px;
  top: 55%;
}
.activity-191112 .two-box .two-content ul li .num {
  margin: 0 auto 40px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #1557cf;
  font-size: 40px;
  color: #fdfdfb;
  text-align: center;
  line-height: 55px;
}
.activity-191112 .two-box .two-content ul .img img {
  width: 100%;
}
.activity-191112 .three-box {
  margin-bottom: 50px;
  position: relative;
}
.activity-191112 .three-box .three-content {
  background: #fff;
  border: 12px solid #52d1fd;
  border-radius: 40px;
  padding: 70px 150px;
}
.activity-191112 .three-box .form-group {
  margin-bottom: 25px;
  position: relative;
  padding-left: 150px;
  font-size: 0;
}
.activity-191112 .three-box .form-group .title {
  font-size: 30px;
  color: #2b2b2b;
  position: absolute;
  margin-left: -150px;
  line-height: 57px;
}
.activity-191112 .three-box .form-group input[type='text'] {
  width: 100%;
  border: 1px solid #666;
  border-radius: 5px;
  height: 55px;
  padding: 0 15px;
  font-size: 16px;
  color: #333;
  outline: none;
  background: transparent;
}
.activity-191112 .three-box .form-group input[type='text'].phone {
  width: 45%;
  margin-right: 3%;
}
.activity-191112 .three-box .form-group input[type='text'].code {
  width: 25%;
  margin-right: 3%;
}
.activity-191112 .three-box #captcha {
  display: inline-block;
  width: 24%;
}
.activity-191112 .three-box .submit {
  text-align: center;
}
.activity-191112 .three-box .submit button {
  width: 240px;
  height: 60px;
  border-radius: 30px;
  background: #1557cf;
  font-size: 28px;
  color: #fefefe;
  border: none;
  outline: none;
}
@media (max-width: 1366px) {
  .activity-191112 {
    background-size: cover;
  }
  .activity-191112 .activity-container {
    width: 990px;
  }
  .activity-191112 .one-content {
    padding: 50px 0;
  }
  .activity-191112 .one-content .title {
    font-size: 24px;
  }
  .activity-191112 .one-content .title span {
    font-size: 30px;
    top: 2px;
  }
}
@media (max-width: 1150px) {
  .activity-191112 .one-box {
    padding: 80px 0 60px;
  }
  .activity-191112 .activity-title span {
    font-size: 24px;
  }
  .activity-191112 .three-box .three-content {
    paddoing: 50px 100px;
  }
  .activity-191112 .two-box .two-content ul {
    margin: 0 -15px;
  }
  .activity-191112 .two-box .two-content ul li {
    margin: 0 15px;
    width: calc(25% - 30px);
  }
  .activity-191112 .two-box .two-content ul li:not(:last-child):after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    right: -35px;
  }
}
@media (max-width: 990px) {
  .activity-191112 .activity-container {
    width: 95%;
  }
  .activity-191112 .activity-title {
    margin-bottom: 20px;
  }
  .activity-191112 .activity-title span {
    font-size: 16px;
    border-radius: 5px;
  }
  .activity-191112 .one-box {
    padding: 40px 0 20px;
  }
  .activity-191112 .one-content {
    border-radius: 10px;
    border-width: 5px;
  }
  .activity-191112 .one-content .title {
    font-size: 16px;
  }
  .activity-191112 .one-content .title span {
    font-size: 20px;
  }
  .activity-191112 .one-content .desc h3 {
    font-size: 18px;
  }
  .activity-191112 .one-content .desc p {
    font-size: 14px;
  }
  .activity-191112 .two-box {
    margin-bottom: 40px;
  }
  .activity-191112 .two-box .activity-title {
    margin-bottom: 30px;
  }
  .activity-191112 .two-box .two-content {
    padding: 30px 20px;
    border-radius: 10px;
    border-width: 5px;
  }
  .activity-191112 .two-box .two-content ul li {
    width: calc(50% - 30px);
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .activity-191112 .two-box .two-content ul li .num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .activity-191112 .two-box .two-content ul li:nth-of-type(2):after {
    display: none;
  }
  .activity-191112 .three-box .three-content {
    padding: 30px 20px;
    border-radius: 10px;
    border-width: 5px;
  }
  .activity-191112 .three-box .activity-title {
    margin-bottom: 30px;
  }
  .activity-191112 .three-box .form-group {
    margin-bottom: 15px;
    padding-left: 0;
  }
  .activity-191112 .three-box .form-group .title {
    position: static;
    margin-left: 0;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1;
    display: block;
  }
  .activity-191112 .three-box .form-group input[type='text'] {
    height: 35px;
  }
  .activity-191112 .three-box .form-group input[type='text'].phone {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .activity-191112 .three-box .form-group input[type='text'].code {
    width: 60%;
    vertical-align: middle;
  }
  .activity-191112 .three-box #captcha {
    width: 37%;
  }
  .activity-191112 .three-box .submit button {
    width: 140px;
    height: 35px;
    border-radius: 20px;
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .activity-content .one-content .desc p {
    font-size: 12px;
  }
  .activity-content .two-box .two-content ul {
    margin-left: 0;
    margin-right: 0;
  }
  .activity-content .two-box .two-content ul li {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .activity-content .two-box .two-content ul li:after {
    display: none;
  }
}
.item-191118 {
  position: relative;
  overflow: hidden;
  background: #37b5f7;
}
.item-191118 .ban-191118-text {
  position: absolute;
  width: 48.95833333%;
  top: 30%;
  left: 0;
  text-align: right;
  opacity: 0;
  -webkit-transform: translateY(40%);
  transform: translateY(40%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.item-191118 .ban-191118-text img {
  max-width: 100%;
  width: auto;
  display: inline-block;
}
@media (max-width: 1440px) {
  .item-191118 .ban-191118-text {
    padding-left: 15%;
  }
}
@media (max-width: 1200px) {
  .item-191118 .ban-191118-text {
    padding-left: 12%;
  }
}
@media (max-width: 1024px) {
  .item-191118 .ban-191118-text {
    top: 35%;
  }
}
.item-191118 .ban-191118-img {
  opacity: 0;
  -webkit-transform: translateY(40%);
  transform: translateY(40%);
  -webkit-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
  top: 5%;
}
.item-191118 .ban-191118-img .ban-191118-gif {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@media (max-width: 1440px) {
  .item-191118 .ban-191118-img {
    top: -12%;
  }
  .item-191118 .ban-191118-img .ban-191118-gif {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
@media (max-width: 1366) {
  .item-191118 .ban-191118-img {
    top: -15%;
  }
}
@media (max-width: 1200px) {
  .item-191118 .ban-191118-img {
    top: -20%;
  }
  .item-191118 .ban-191118-img .ban-191118-gif {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@media (max-width: 1024px) {
  .item-191118 .ban-191118-img {
    top: -28%;
  }
}
@media (max-width: 990px) {
  .item-191118 {
    background: url(//static.cn86.cn/img/2019/11/0eec5847da5ntcez.jpg) 50%
      no-repeat;
    background-size: cover;
  }
  .item-191118 .ban-191118-bg {
    display: none;
  }
  .item-191118 .ban-191118-text {
    top: 40%;
  }
  .item-191118 .ban-191118-img {
    top: 30%;
  }
  .item-191118 .ban-191118-img .ban-191118-gif {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
}
.active .ban-191118-img,
.active .ban-191118-text {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.active .ban-191118-gif .ban-gif-show {
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.active .ban-191118-gif .ban-191118-gif-img2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.active .ban-191118-gif .ban-191118-gif-img3 {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
.active .ban-191118-gif .ban-191118-gif-img4 {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.active .ban-191118-gif .ban-191118-gif-img5 {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
}
.active .ban-191118-gif .ban-191118-gif-img6 {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.activity-191118-banner {
  position: relative;
  overflow: hidden;
}
.activity-191118-banner .ban-191118-bg img {
  width: 100%;
}
.activity-191118-banner .ban-191118-text {
  position: absolute;
  width: 57.03125%;
  left: 0;
  text-align: right;
  top: 50%;
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
}
.activity-191118-banner .ban-191118-text img {
  max-width: 100%;
}
.ban-191118-img {
  position: absolute;
  width: 42.96875%;
  text-align: left;
  top: 50%;
  -webkit-transform: translateY(-45%);
  transform: translateY(-45%);
  right: 0;
}
@media (max-width: 990px) {
  .ban-191118-img {
    -webkit-transform: translateY(-48%);
    transform: translateY(-48%);
  }
}
.ban-191118-img img {
  max-width: 100%;
}
.ban-191118-gif {
  width: 626px;
  height: 585px;
  position: relative;
}
.ban-191118-gif .ban-gif-show {
  position: absolute;
  opacity: 0;
}
.ban-191118-gif-img0 {
  position: absolute;
  left: 177px;
  bottom: 0;
  z-index: 9;
}
.ban-191118-gif-img1 {
  left: 88px;
  bottom: 107px;
}
.ban-191118-gif-img2 {
  left: 0;
  bottom: 282px;
}
.ban-191118-gif-img3 {
  left: 153px;
  top: 0;
}
.ban-191118-gif-img4 {
  right: 68px;
  top: 49px;
}
.ban-191118-gif-img5 {
  right: 0;
  bottom: 230px;
}
.ban-191118-gif-img6 {
  right: 48px;
  bottom: 72px;
}
.ban-191118-gif.show-effect .ban-gif-show {
  -webkit-animation-name: show;
  animation-name: show;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.ban-191118-gif.show-effect .ban-191118-gif-img2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.ban-191118-gif.show-effect .ban-191118-gif-img3 {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
.ban-191118-gif.show-effect .ban-191118-gif-img4 {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.ban-191118-gif.show-effect .ban-191118-gif-img5 {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
}
.ban-191118-gif.show-effect .ban-191118-gif-img6 {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.activity-191118 .activity-container {
  max-width: 1200px;
  margin: 0 auto;
}
.activity-191118 .activity-title {
  text-align: center;
}
.activity-191118 .activity-title h3 {
  font-size: 40px;
  background: url(//static.cn86.cn/img/2019/11/61d301304btkborz.png) bottom
    no-repeat;
  padding-bottom: 30px;
  margin: 0;
  color: #333;
}
.activity-191118 .activity-title p {
  font-size: 22px;
  margin: 20px 0 0;
  color: #333;
}
.activity-191118 .one-box {
  background: #f7f7f7;
  padding: 5.72916667% 0 3.125%;
}
.activity-191118 .one-box .one-left {
  width: 62.5%;
  margin-left: -10.83333333%;
  float: left;
  text-align: left;
}
.activity-191118 .one-box .one-left img {
  max-width: 100%;
}
.activity-191118 .one-box .one-right {
  width: 39.16666667%;
  float: right;
}
.activity-191118 .one-box .one-right li {
  margin-top: 40px;
}
.activity-191118 .one-box .one-right li h3 {
  height: 54px;
  margin: 0 0 10px;
  line-height: 54px;
}
.activity-191118 .one-box .one-right li h3 em {
  width: 54px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  font-style: normal;
  font-size: 30px;
  color: #fff;
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  font-family: Impact;
  vertical-align: middle;
}
.activity-191118 .one-box .one-right li h3 span {
  display: inline-block;
  margin-left: 15px;
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
}
.activity-191118 .one-box .one-right li p {
  font-size: 18px;
  line-height: 1.56;
  color: #333;
}
.activity-191118 .one-box .one-right li:first-of-type h3 {
  background: url(//static.cn86.cn/img/2019/11/7875341806ugl4ks.png) no-repeat 0
    0;
}
.activity-191118 .one-box .one-right li:nth-of-type(2) h3 {
  background: url(//static.cn86.cn/img/2019/11/a2a5190771ewbg3j.png) no-repeat 0
    0;
}
.activity-191118 .one-box .one-right li:nth-of-type(3) h3 {
  background: url(//static.cn86.cn/img/2019/11/9080d4c4cd3nyoej.png) no-repeat 0
    0;
}
.activity-191118 .one-box .one-right li:nth-of-type(4) h3 {
  background: url(//static.cn86.cn/img/2019/11/cd925db044uo2tun.png) no-repeat 0
    0;
}
.activity-191118 .two-box {
  background: #fff;
  padding: 4.42708333% 0 5.46875%;
}
.activity-191118 .two-box .two-content {
  margin-top: 55px;
}
.activity-191118 .two-box .two-tab-main {
  width: 69.16666667%;
  float: left;
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 14px;
}
.activity-191118 .two-box .two-tab-main img {
  width: 100%;
  display: block;
}
.activity-191118 .two-box .two-tab-main a {
  display: block;
  margin-top: 15px;
  color: #207cf1;
  font-family: arial;
  word-break: break-all;
}
.activity-191118 .two-box .two-tab-ul {
  width: 27.08333333%;
  float: right;
}
.activity-191118 .two-box .two-tab-li {
  position: relative;
  cursor: pointer;
}
.activity-191118 .two-box .two-tab-li.active p {
  display: none;
}
.activity-191118 .two-box .two-tab-li img {
  width: 100%;
}
.activity-191118 .two-box .two-tab-li p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(6, 7, 7, 0.6);
}
.activity-191118 .two-box .two-tab-li p span {
  z-index: 9;
  position: absolute;
  white-space: nowrap;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 8px 15px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.activity-191118 .two-box .two-tab-li:not(:last-child) {
  margin-bottom: 35px;
}
.activity-191118 .three-box {
  background: url(//static.cn86.cn/img/2019/11/4eb4b5f4c09k7wvw.jpg) top
    no-repeat;
  background-size: cover;
  padding: 5.98958333% 0 6.51041667%;
}
.activity-191118 .three-box .activity-title h3 {
  background: url(//static.cn86.cn/img/2019/11/865b0343b23lzjwi.png) bottom
    no-repeat;
  color: #fff;
}
.activity-191118 .three-box .three-content {
  margin-top: 70px;
}
.activity-191118 .three-box .three-content h4 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 400;
}
.activity-191118 .three-box .three-content .img-list {
  margin-bottom: 70px;
}
.activity-191118 .three-box .three-content .img-list li {
  float: left;
  width: calc(16.6666% - 10px);
  margin: 0 12px 27px 0;
  overflow: hidden;
  border-radius: 5px;
}
.activity-191118 .three-box .three-content .img-list li img {
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.activity-191118 .three-box .three-content .img-list li:nth-of-type(6n) {
  margin-right: 0;
}
.activity-191118 .three-box .three-content .img-list li:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.activity-191118 .four-box {
  background: url(//static.cn86.cn/img/2019/11/73259e752dmmhrcg.png) top;
  padding: 4.16666667% 0;
}
.activity-191118 .four-box .four-content-left {
  width: 49.16666667%;
  float: left;
}
.activity-191118 .four-box .four-content-right {
  width: 49.16666667%;
  float: right;
}
.activity-191118 .four-box .input-g {
  position: relative;
  margin-bottom: 10px;
  height: 55px;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.activity-191118 .four-box .input-g input,
.activity-191118 .four-box .input-g textarea {
  width: 100%;
  border: none;
  font-size: 14px;
  color: #333;
  outline: none;
}
.activity-191118 .four-box .input-g input::-webkit-input-placeholder,
.activity-191118 .four-box .input-g textarea::-webkit-input-placeholder {
  color: #666;
}
.activity-191118 .four-box .input-g input::-moz-placeholder,
.activity-191118 .four-box .input-g textarea::-moz-placeholder {
  color: #666;
}
.activity-191118 .four-box .input-g input::-ms-input-placeholder,
.activity-191118 .four-box .input-g textarea::-ms-input-placeholder {
  color: #666;
}
.activity-191118 .four-box .input-g input::placeholder,
.activity-191118 .four-box .input-g textarea::placeholder {
  color: #666;
}
.activity-191118 .four-box .input-g textarea {
  height: 120px;
  resize: none;
  padding: 10px;
}
.activity-191118 .four-box .input-g input {
  height: 55px;
  padding-left: 30px;
}
.activity-191118 .four-box #captcha {
  position: absolute;
  right: 10px;
  top: 6px;
  height: 43px;
}
.activity-191118 .four-box .textarea {
  height: 120px;
}
.activity-191118 .four-box button[type='submit'] {
  width: 100%;
  height: 55px;
  font-size: 18px;
  color: #fff;
  border: none;
  background: #111626;
  border-radius: 5px;
  outline: none;
}
.activity-191118 .five-box {
  background: #f7f7f7;
  padding: 2.34375% 0;
}
.activity-191118 .five-box .five-tab-wrap {
  background-color: #fcfcfd;
  -webkit-box-shadow: 0 5px 5px 0 hsla(330, 8%, 95%, 0.75);
  box-shadow: 0 5px 5px 0 hsla(330, 8%, 95%, 0.75);
}
.activity-191118 .five-box .five-tab-ul {
  border-bottom: 1px solid #e7e7e7;
  margin-top: 40px;
}
.activity-191118 .five-box .five-tab-ul li {
  width: 33.3333%;
  float: left;
  text-align: center;
  line-height: 70px;
  font-size: 20px;
  color: #010101;
  cursor: pointer;
}
.activity-191118 .five-box .five-tab-ul li.active {
  background: #2581f5;
  color: #fff;
}
.activity-191118 .five-box .five-tab-box {
  padding: 3.33333333% 5%;
}
.activity-191118 .five-box .five-tab-item:not(:first-child) {
  display: none;
}
.activity-191118 .five-box .five-tab-item ul {
  background: #f7f7f7;
  border: 1px solid #e4e4e4;
  padding: 15px 45px;
  margin-bottom: 15px;
}
.activity-191118 .five-box .five-tab-item ul li {
  float: left;
  width: 20%;
  font-size: 14px;
  color: #55575a;
  line-height: 2;
}
.activity-191118 .five-box .five-tab-item ul li:before {
  content: '';
  display: inline-block;
  vertical-align: 3px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 5px;
  background: #55575a;
}
.activity-191118 .five-box .five-tab-item .desc {
  font-size: 14px;
  color: #55575a;
  padding-right: 210px;
  position: relative;
  margin-top: 40px;
}
.activity-191118 .five-box .five-tab-item .desc .more-link {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}
.activity-191118 .five-box .five-tab-item .desc .more-link a {
  line-height: 47px;
  width: 124px;
  color: #333;
  font-size: 18px;
  display: inline-block;
  background: #fee301;
}
.activity-191118 .five-box .five-tab-item .desc .desc-top {
  margin-bottom: 10px;
}
.activity-191118 .five-box .five-tab-item .desc .desc-top p {
  display: inline-block;
  font-size: 15px;
  margin-right: 40px;
}
.activity-191118 .five-box .five-tab-item .desc p {
  font-size: 15px;
  color: #55575a;
}
.activity-191118 .five-box .five-tab-item .desc p span {
  font-size: 26px;
  font-weight: 700;
  color: #1296db;
}
@media (max-width: 1440px) {
  .activity-191118 .one-box .one-left {
    width: 55.41666667%;
    margin-left: 0;
    margin-top: 40px;
  }
  .activity-191118-banner .ban-191118-gif {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media (max-width: 1200px) {
  .activity-191118 .activity-container {
    max-width: 990px;
  }
  .activity-191118-banner .ban-191118-text {
    padding-left: 5%;
  }
  .activity-191118-banner .ban-191118-gif {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  .activity-191118 .one-box .one-right li {
    margin-top: 20px;
  }
  .activity-191118 .one-box .one-right li p {
    font-size: 14px;
  }
  .activity-191118 .two-box .two-tab-li:not(:last-child) {
    margin-bottom: 29px;
  }
}
@media (max-width: 990px) {
  .activity-191118 .four-box,
  .activity-191118 .one-box,
  .activity-191118 .three-box,
  .activity-191118 .two-box {
    padding: 40px 0;
  }
  .activity-191118 .activity-container {
    max-width: auto;
    width: calc(100% - 20px);
  }
  .activity-191118-banner .ban-191118-gif {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
  }
  .activity-191118 .activity-title h3 {
    font-size: 20px;
    padding-bottom: 10px;
    background-size: 60%;
  }
  .activity-191118 .activity-title p {
    font-size: 14px;
    margin-top: 10px;
  }
  .activity-191118 .one-box .one-left {
    width: 100%;
    margin-top: 0;
  }
  .activity-191118 .one-box .one-right {
    width: 100%;
  }
  .activity-191118 .two-box .two-tab-ul {
    width: 100%;
    margin-bottom: 10px;
  }
  .activity-191118 .two-box .two-tab-ul:after {
    content: '';
    display: table;
    clear: both;
  }
  .activity-191118 .two-box .two-tab-li {
    width: calc(25% - 7.5px);
    float: left;
    margin-bottom: 0 !important;
  }
  .activity-191118 .two-box .two-tab-li:not(:last-child) {
    margin-right: 10px;
  }
  .activity-191118 .two-box .two-tab-li p span {
    padding: 4px 7px;
    font-size: 12px;
  }
  .activity-191118 .two-box .two-content {
    margin-top: 20px;
  }
  .activity-191118 .two-box .two-tab-main {
    width: 100%;
  }
  .activity-191118 .three-box .activity-title h3 {
    background-size: 65%;
  }
  .activity-191118 .three-box .three-content {
    margin-top: 20px;
  }
  .activity-191118 .three-box .three-content .img-list {
    margin-bottom: 20px;
  }
  .activity-191118 .three-box .three-content .img-list li {
    width: calc(33.3333% - 8px);
    margin: 0 5px 10px 0;
  }
  .activity-191118 .three-box .three-content h4 {
    font-size: 14px;
  }
  .activity-191118 .four-box .four-content-left,
  .activity-191118 .four-box .four-content-right {
    width: 100%;
  }
  .activity-191118 .four-box .input-g,
  .activity-191118 .four-box .input-g input {
    height: 35px;
  }
  .activity-191118 .four-box #captcha {
    height: 25px;
  }
  .activity-191118 .four-box .input-g textarea,
  .activity-191118 .four-box .textarea {
    height: 100px;
  }
  .activity-191118 .four-box button[type='submit'] {
    height: 35px;
  }
  .activity-191118 .five-box {
    padding: 20px 0;
  }
  .activity-191118 .five-box .five-tab-ul {
    margin-top: 20px;
  }
  .activity-191118 .five-box .five-tab-ul li {
    font-size: 14px;
    line-height: 35px;
  }
  .activity-191118 .five-box .five-tab-item ul {
    padding: 10px 15px;
  }
  .activity-191118 .five-box .five-tab-item ul li {
    width: 50%;
  }
  .activity-191118 .five-box .five-tab-item .desc {
    margin-top: 20px;
    padding-right: 0;
  }
  .activity-191118 .five-box .five-tab-item .desc .more-link {
    text-align: left;
    position: static;
    margin-top: 20px;
  }
  .activity-191118 .five-box .five-tab-item .desc p span {
    font-size: 20px;
  }
  .activity-191118 .five-box .five-tab-item .desc .more-link a {
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    width: 100px;
  }
}
.activity-200212 {
  background: url(//static.cn86.cn/img/2020/02/b4815572cayzutca.jpg) top
    no-repeat;
  background-size: cover;
}
.activity-200212 .one-box {
  padding-top: 16.66666667%;
}
.activity-200212 .one-box .img1 {
  text-align: center;
  margin-bottom: 40px;
}
.activity-200212 .one-box .img1 img {
  max-width: 100%;
}
.activity-200212 .one-box .wz1 {
  font-size: 42px;
  color: #f9f8f6;
  font-weight: 700;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
  margin: 0 75px;
  line-height: 90px;
  background: #e97e0b;
  border-radius: 90px;
  text-align: center;
}
.activity-200212 .one-box .img2 {
  text-align: center;
  margin-top: 40px;
}
.activity-200212 .one-box .img2 img {
  max-width: 100%;
}
.activity-200212 .one-box .wz3 {
  font-size: 28px;
  color: #fff;
  font-family: arial;
  text-transform: uppercase;
  text-align: center;
  margin: 10px 0 25px;
}
.activity-200212 .one-box .wz4 {
  padding: 0 11.66666667%;
}
.activity-200212 .one-box .wz4-left {
  float: left;
}
.activity-200212 .one-box .wz4-right {
  float: right;
}
.activity-200212 .one-box .wz4 span {
  display: inline-block;
  vertical-align: middle;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #50baf7;
  font-size: 60px;
  color: #f9f8f6;
  font-weight: 700;
  text-align: center;
  line-height: 86px;
}
.activity-200212 .one-box .wz4 span:not(:last-child) {
  margin-right: 10px;
}
.activity-200212 .two-box {
  padding-top: 15%;
}
.activity-200212 .two-box .two-box-ul {
  margin-top: 60px;
}
.activity-200212 .two-box .two-box-ul li {
  background: #fff;
  border-radius: 10px;
  padding: 40px 30px;
  height: 226px;
}
.activity-200212 .two-box .two-box-ul li:not(:last-child) {
  margin-bottom: 40px;
}
.activity-200212 .two-box .two-box-ul li .img {
  float: left;
  width: 28.33333333%;
  text-align: center;
  height: 150px;
  margin-right: 7.5%;
}
.activity-200212 .two-box .two-box-ul li .img img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.activity-200212 .two-box .two-box-ul li .img:after {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.activity-200212 .two-box .two-box-ul li .wz {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .activity-200212 .two-box .two-box-ul li .wz {
    padding-top: 10px;
  }
}
.activity-200212 .two-box .two-box-ul li .wz .wz-title {
  margin: 15px 0;
}
.activity-200212 .two-box .two-box-ul li .wz .wz-title h3 {
  font-size: 26px;
  color: #111;
  display: inline-block;
  margin: 0 20px 0 0;
}
.activity-200212 .two-box .two-box-ul li .wz .wz-title span {
  font-size: 18px;
  color: #444;
}
.activity-200212 .two-box .two-box-ul li .wz p {
  font-size: 30px;
  color: #fff;
  background: #e97e0a;
  border-radius: 5px;
  line-height: 50px;
  width: 70%;
  padding-left: 30px;
  font-weight: 700;
}
.activity-200212 .activity-title {
  background: url(//static.cn86.cn/img/2020/02/894c5cdead2qkgsw.png) 50%
    no-repeat;
  height: 150px;
  background-size: auto 100%;
  text-align: center;
}
.activity-200212 .activity-title span {
  font-size: 48px;
  color: #fff;
  padding-top: 10px;
  font-weight: 700;
}
.activity-200212 .three-box {
  padding-top: 16.66666667%;
  padding-bottom: 8.33333333%;
}
.activity-200212 .three-box .three-box-form {
  width: 500px;
  margin: 50px auto 0;
}
.activity-200212 .three-box .three-box-form .form-group {
  margin-bottom: 10px;
}
.activity-200212 .three-box .three-box-form .form-group input[type='text'],
.activity-200212 .three-box .three-box-form .form-group textarea {
  width: 100%;
  border-radius: 5px;
  background: #d5d5d5;
  border: none;
  height: 50px;
  padding: 0 20px;
  font-size: 16px;
  color: #333;
  outline: none;
}
.activity-200212
  .three-box
  .three-box-form
  .form-group
  input[type='text']::-webkit-input-placeholder,
.activity-200212
  .three-box
  .three-box-form
  .form-group
  textarea::-webkit-input-placeholder {
  color: #545454;
}
.activity-200212
  .three-box
  .three-box-form
  .form-group
  input[type='text']::-moz-placeholder,
.activity-200212
  .three-box
  .three-box-form
  .form-group
  textarea::-moz-placeholder {
  color: #545454;
}
.activity-200212
  .three-box
  .three-box-form
  .form-group
  input[type='text']::-ms-input-placeholder,
.activity-200212
  .three-box
  .three-box-form
  .form-group
  textarea::-ms-input-placeholder {
  color: #545454;
}
.activity-200212
  .three-box
  .three-box-form
  .form-group
  input[type='text']::placeholder,
.activity-200212 .three-box .three-box-form .form-group textarea::placeholder {
  color: #545454;
}
.activity-200212 .three-box .three-box-form .form-group textarea {
  height: 140px;
  padding-top: 10px;
  resize: none;
}
.activity-200212
  .three-box
  .three-box-form
  .form-group
  input[type='text'].code {
  width: calc(100% - 140px);
  float: left;
}
.activity-200212 .three-box .three-box-form .form-group #captcha {
  float: right;
  margin-top: 8px;
}
.activity-200212 .three-box .three-box-form button[type='submit'] {
  width: 100px;
  height: 50px;
  background: #e97e0a;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  border: none;
  outline: none;
}
@media (max-width: 1200px) {
  .activity-200212 .one-box .img1 img {
    height: 130px;
  }
  .activity-200212 .one-box .wz1 {
    font-size: 26px;
    line-height: 50px;
    border-radius: 50px;
    margin: 0 18%;
  }
  .activity-200212 .one-box .img2 img {
    height: 40px;
  }
  .activity-200212 .one-box .wz3 {
    font-size: 18px;
    margin: 5px 0 10px;
  }
  .activity-200212 .one-box .wz4 {
    padding: 0 18%;
  }
  .activity-200212 .one-box .wz4 span {
    width: 60px;
    height: 60px;
    font-size: 36px;
    line-height: 60px;
  }
  .activity-200212 .activity-title {
    height: 100px;
  }
  .activity-200212 .activity-title span {
    font-size: 36px;
  }
  .activity-200212 .two-box .two-box-ul li .wz p {
    font-size: 20px;
    line-height: 40px;
  }
  .activity-200212 .two-box .two-box-ul li {
    height: 200px;
  }
  .activity-200212 .two-box .two-box-ul li .img {
    height: 110px;
  }
}
@media (max-width: 990px) {
  .activity-200212 .one-box {
    padding-top: 40px;
  }
  .activity-200212 .one-box .img1 img {
    height: auto;
    max-height: 80px;
  }
  .activity-200212 .one-box .wz1 {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px;
    border-radius: 30px;
    white-space: nowrap;
  }
  .activity-200212 .one-box .img2 img {
    height: auto;
  }
  .activity-200212 .one-box .wz4 {
    padding: 0;
    text-align: center;
  }
  .activity-200212 .one-box .wz4 span {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
  }
  .activity-200212 .one-box .wz3 {
    font-size: 14px;
  }
  .activity-200212 .activity-title {
    height: 60px;
  }
  .activity-200212 .activity-title span {
    font-size: 20px;
  }
  .activity-200212 .two-box .two-box-ul li {
    height: auto;
    padding: 15px;
  }
  .activity-200212 .two-box .two-box-ul li .img {
    height: auto;
    float: none;
    margin: 0 0 15px;
    width: 100%;
    text-align: center;
  }
  .activity-200212 .two-box .two-box-ul li:not(:last-child) {
    margin-bottom: 15px;
  }
  .activity-200212 .two-box .two-box-ul li .wz p {
    width: 100%;
    line-height: 1.5;
    font-size: 14px;
    padding: 7px;
  }
  .activity-200212 .two-box .two-box-ul li .wz .wz-title {
    margin: 0 0 10px;
  }
  .activity-200212 .two-box .two-box-ul li .wz .wz-title h3 {
    font-size: 18px;
  }
  .activity-200212 .two-box .two-box-ul li .wz .wz-title span {
    font-size: 14px;
    display: block;
  }
  .activity-200212 .three-box .three-box-form {
    width: 100%;
    margin: 20px 0 0;
  }
  .activity-200212 .three-box .three-box-form .form-group input[type='text'] {
    height: 35px;
    font-size: 14px;
  }
  .activity-200212 .three-box .three-box-form .form-group textarea {
    height: 80px;
    font-size: 14px;
  }
  .activity-200212 .three-box .three-box-form .form-group #captcha {
    margin-top: 0;
  }
  .activity-200212 .three-box .three-box-form button[type='submit'] {
    width: 100%;
    height: 35px;
  }
  .activity-200212 .two-box .two-box-ul {
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .activity-200212 .one-box .wz4 span {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
  }
}
.activity-200218 {
  background: url(//static.cn86.cn/img/2020/02/cac94d920dnxvv0m.png) top repeat;
  background-size: 100%;
}
.activity-200218 .top-banner img {
  width: 100%;
}
.activity-200218 .activity-200218-title {
  text-align: center;
}
.activity-200218 .activity-200218-title img {
  height: 102px;
}
.activity-200218 .one-box {
  margin-top: 8.33333333%;
}
.activity-200218 .one-box-ul {
  counter-reset: cs;
}
.activity-200218 .one-box-ul li {
  margin-top: 4.16666667%;
  border: 6px solid #ffc04c;
  background: #fff;
  border-radius: 20px;
  padding: 7px 30px;
  position: relative;
  font-size: 0;
}
.activity-200218 .one-box-ul li:before {
  content: counter(cs);
  counter-increment: cs;
  font-size: 300px;
  font-family: Impact;
  color: #d74631;
  position: absolute;
  right: 40px;
  bottom: -30px;
  opacity: 0.08;
  line-height: 1;
}
.activity-200218 .one-box-ul li .img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12.5%;
}
.activity-200218 .one-box-ul li .img img {
  width: 178px;
}
.activity-200218 .one-box-ul li .img p {
  font-size: 14px;
  color: #343434;
  font-weight: 700;
  padding-top: 5px;
  text-align: center;
}
.activity-200218 .one-box-ul li .wz,
.activity-200218 .one-box-ul li .wz .wz-con,
.activity-200218 .one-box-ul li .wz .wz-img {
  display: inline-block;
  vertical-align: middle;
}
.activity-200218 .one-box-ul li .wz .wz-img img {
  width: 159px;
}
.activity-200218 .one-box-ul li .wz .wz-con {
  margin-left: 40px;
}
.activity-200218 .one-box-ul li .wz .wz-con h3 {
  font-size: 22px;
  color: #ae2110;
  margin: 0 0 10px;
}
.activity-200218 .one-box-ul li .wz .wz-con p {
  font-size: 16px;
  color: #343434;
  font-weight: 700;
  margin: 0 0 10px;
}
.activity-200218 .one-box-ul li .wz .wz-con a {
  display: block;
  font-size: 18px;
  color: #343434;
  font-family: arial;
  word-break: break-all;
}
.activity-200218 .one-box-ul li .wz .wz-con a:hover {
  color: #ffc04c;
}
.activity-200218 .more-class {
  border-top: 1px solid #ffce9a;
  margin-top: 6.66666667%;
  padding-bottom: 6.66666667%;
  padding-top: 35px;
  font-size: 0;
}
.activity-200218 .more-class h3,
.activity-200218 .more-class p {
  display: inline-block;
}
.activity-200218 .more-class h3 {
  padding-left: 20px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0 40px 0 0;
}
.activity-200218 .more-class p {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}
.activity-200218 .more-class a {
  font-family: arial;
  color: #fff;
  font-weight: 400;
}
.activity-200218 .more-class a:hover {
  color: #ffc04c;
}
@media (max-width: 1200px) {
  .activity-200218 .one-box-ul li .img {
    margin-right: 3%;
  }
}
@media (max-width: 990px) {
  .activity-200218 .one-box-ul li .wz .wz-img {
    display: none;
  }
  .activity-200218 .one-box-ul li .wz .wz-con {
    margin-left: 0;
  }
  .activity-200218 .one-box-ul li {
    padding-left: 15px;
    padding-right: 15px;
    border-width: 3px;
    border-radius: 10px;
  }
  .activity-200218 .activity-200218-title img {
    height: 60px;
  }
  .activity-200218 .one-box-ul li:before {
    display: none;
  }
  .activity-200218 .one-box-ul li .img {
    display: block;
    margin: 0 0 10px;
    text-align: center;
  }
  .activity-200218 .one-box-ul li .wz .wz-con h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .activity-200218 .one-box-ul li .wz .wz-con p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .activity-200218 .one-box-ul li .wz .wz-con a {
    font-size: 12px;
  }
  .activity-200218 .more-class {
    padding-top: 15px;
  }
  .activity-200218 .more-class h3 {
    display: block;
    padding-left: 0;
    margin: 0 0 10px;
    font-size: 18px;
  }
  .activity-200218 .more-class p {
    font-size: 14px;
    display: block;
  }
  .activity-200218 .one-box:nth-of-type(2) .one-box-ul li .wz .wz-con p {
    display: none;
  }
}
@media (min-width: 1366px) {
  .merchants-wrap .container {
    padding: 0;
  }
}
.merchants-wrap .merchants-title {
  text-align: center;
  margin-bottom: 30px;
}
.merchants-wrap .merchants-title h3 {
  font-size: 30px;
  color: #333;
  font-weight: 400;
  margin: 0 0 10px;
}
.merchants-wrap .merchants-title p {
  font-size: 18px;
  color: #666;
}
.merchants-wrap .merchants-title p b {
  color: red;
}
@media (min-width: 1200px) {
  .merchants-wrap .merchants-title p b {
    font-size: 28px;
  }
}
.merchants-wrap .merchants-title.white h3,
.merchants-wrap .merchants-title.white p {
  color: #fff;
}
.merchants-wrap .one-box {
  background: #f6f6f6;
  padding: 50px 0 70px;
}
.merchants-wrap .one-box .one-item {
  float: left;
  width: calc(33.3333% - 13.3333px);
  background: #fff;
  border: 1px solid transparent;
}
.merchants-wrap .one-box .one-item:hover {
  border-color: #1891ff;
}
.merchants-wrap .one-box .one-item:nth-of-type(2) {
  margin: 0 20px;
}
.merchants-wrap .one-box .one-item-title {
  height: 95px;
  background: url(//static.cn86.cn/img/2020/03/bffb969f37fxbhgw.png) no-repeat;
  background-size: cover;
  padding: 25px 0 0 25px;
  position: relative;
}
.merchants-wrap .one-box .one-item-title h3 {
  font-size: 24px;
  color: #fff;
  margin: 0 0 10px;
}
.merchants-wrap .one-box .one-item-title p {
  font-size: 14px;
  color: #fff;
}
.merchants-wrap .one-box .one-item-title .hots {
  position: absolute;
  background: url(//static.cn86.cn/img/2020/03/e11fc75c2agnbbcq.png);
  width: 46px;
  height: 40px;
  top: -4px;
  right: 23px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding-top: 7px;
}
.merchants-wrap .one-box .one-item-body {
  padding: 10px 20px;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item {
  font-size: 0;
  position: relative;
  margin-top: 20px;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item.item2 {
  height: 156px;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item.item3 {
  border-top: 1px dashed #ddd;
  height: 60px;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item.item3 h3 {
  margin-top: 0;
  line-height: 60px;
  padding-bottom: 0;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item h3 {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item .price {
  position: absolute;
  right: 0;
  top: 7px;
  font-size: 12px;
  color: #666;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item .price b {
  font-style: normal;
  font-size: 28px;
  color: #c7000b;
  margin-right: 10px;
}
.merchants-wrap .one-box .one-item-body .one-item-body-item span {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-bottom: 10px;
  background: url(//static.cn86.cn/img/2020/03/ac38d05936anyfm1.png) 0 no-repeat;
  padding-left: 25px;
  white-space: nowrap;
}
.merchants-wrap .one-box .one-item-body .one-item-body-btn {
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 0;
  text-align: justify;
}
.merchants-wrap .one-box .one-item-body .one-item-body-btn a {
  display: inline-block;
  width: calc(50% - 12px);
  font-size: 14px;
  color: #1891ff;
  border: 1px solid #1891ff;
  text-align: center;
  line-height: 34px;
}
.merchants-wrap .one-box .one-item-body .one-item-body-btn a:first-child,
.merchants-wrap .one-box .one-item-body .one-item-body-btn a:hover {
  background: #1891ff;
  color: #fff;
}
.merchants-wrap .one-box .one-item-body .one-item-body-btn a:first-child:hover {
  opacity: 0.8;
}
.merchants-wrap .one-box .one-item-body .one-item-body-btn:after {
  display: inline-block;
  content: '';
  width: 100%;
  height: 0;
}
.merchants-wrap .two-box {
  background: url(//static.cn86.cn/img/2020/03/fd790fe926nfx8ww.jpg) 50%
    no-repeat;
  padding: 60px 0;
  background-size: cover;
}
.merchants-wrap .two-box .two-box-owl {
  position: relative;
}
.merchants-wrap .two-box .two-box-owl .slick-arrow {
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  opacity: 0.5;
  font-size: 0;
  border: none;
  outline: none;
}
.merchants-wrap .two-box .two-box-owl .slick-arrow:hover {
  opacity: 1;
}
.merchants-wrap .two-box .two-box-owl .slick-arrow.slick-prev {
  left: -60px;
  background: url(//static.cn86.cn/img/2020/03/5eb4bcddf2omkbzv.png) 50%
    no-repeat;
}
.merchants-wrap .two-box .two-box-owl .slick-arrow.slick-next {
  right: -60px;
  background: url(//static.cn86.cn/img/2020/03/e953388e4br5joyb.png) 50%
    no-repeat;
}
.merchants-wrap .two-box .two-box-owl .item {
  border-right: 1px solid #3d5e96;
  padding: 0 20px;
  outline: none;
}
.merchants-wrap .two-box .two-box-owl .item .img {
  width: 148px;
  margin: 0 auto 20px;
  text-align: center;
  padding: 8px;
  border: 1px solid #3d5e96;
  border-radius: 50%;
}
.merchants-wrap .two-box .two-box-owl .item .img img {
  display: inline-block;
  width: auto;
  max-width: 100%;
}
.merchants-wrap .two-box .two-box-owl .item .wz {
  text-align: center;
}
.merchants-wrap .two-box .two-box-owl .item .wz h3 {
  font-size: 16px;
  margin: 0 0 15px;
  color: #fff;
  font-weight: 400;
}
.merchants-wrap .two-box .two-box-owl .item .wz h3 a {
  display: block;
  font-weight: 400;
  margin-top: 10px;
  font-size: 12px;
  color: #fff;
  outline: none;
}
.merchants-wrap .two-box .two-box-owl .item .wz h3 a:hover {
  opacity: 0.9;
}
.merchants-wrap .two-box .two-box-owl .item .wz p {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}
.merchants-wrap .two-box .two-box-owl .item:hover .wz h3 {
  font-weight: 700;
}
.merchants-wrap .two-box .two-box-owl .item:hover .img {
  background: #1867c0;
  border: 1px solid transparent;
}
.merchants-wrap .three-box {
  background: #fff;
  padding: 60px 0;
}
.merchants-wrap .three-box .three-box-content {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.merchants-wrap .three-box .three-box-tab li {
  float: left;
  width: 20%;
  text-align: center;
  line-height: 55px;
  border-top: 3px solid #1a2f5c;
  background: #f8f8f8;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}
.merchants-wrap .three-box .three-box-tab li span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  background: url(//static.cn86.cn/img/2020/03/be2f0d9429lh30oi.png) no-repeat;
}
.merchants-wrap .three-box .three-box-tab li.active {
  border-top-color: #1891ff;
  background: #fff;
  color: #1891ff;
}
.merchants-wrap .three-box .three-box-tab li:hover {
  color: #1891ff;
}
.merchants-wrap .three-box .three-box-tab li:first-of-type span {
  background-position: 0 0;
}
.merchants-wrap .three-box .three-box-tab li:first-of-type.active span,
.merchants-wrap .three-box .three-box-tab li:first-of-type:hover span {
  background-position: 0 -30px;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(2) span {
  background-position: -30px 0;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(2).active span,
.merchants-wrap .three-box .three-box-tab li:nth-of-type(2):hover span {
  background-position: -30px -30px;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(3) span {
  background-position: -60px 0;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(3).active span,
.merchants-wrap .three-box .three-box-tab li:nth-of-type(3):hover span {
  background-position: -60px -30px;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(4) span {
  background-position: -90px 0;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(4).active span,
.merchants-wrap .three-box .three-box-tab li:nth-of-type(4):hover span {
  background-position: -90px -30px;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(5) span {
  background-position: -120px 0;
}
.merchants-wrap .three-box .three-box-tab li:nth-of-type(5).active span,
.merchants-wrap .three-box .three-box-tab li:nth-of-type(5):hover span {
  background-position: -120px -30px;
}
.merchants-wrap .three-box .three-box-tabitem {
  padding: 50px 60px;
  display: none;
}
.merchants-wrap .three-box .three-box-tabitem.active {
  display: block;
}
.merchants-wrap .three-box .three-box-tabitem .img {
  width: 52.77777778%;
  float: left;
  margin-right: 5%;
}
.merchants-wrap .three-box .three-box-tabitem .img img {
  width: 100%;
  display: none;
}
.merchants-wrap .three-box .three-box-tabitem .img img.active {
  display: block;
}
.merchants-wrap .three-box .three-box-tabitem .wz {
  overflow: hidden;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item {
  padding-top: 30px;
  display: none;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item h3 {
  font-size: 20px;
  color: #333;
  font-weight: 400;
  margin: 0 0 25px;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item p {
  font-size: 15px;
  color: #666;
  background: url(//static.cn86.cn/img/2020/03/f2eccb6d9fhju1h7.png) 0 no-repeat;
  padding-left: 20px;
  line-height: 25px;
  margin-bottom: 15px;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item.active {
  display: block;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab {
  margin-top: 40px;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab span {
  float: left;
  width: calc(33.3333% - 8px);
  margin-right: 12px;
  font-size: 14px;
  color: #1891ff;
  border: 1px solid #1891ff;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab span:last-child {
  margin-right: 0;
}
.merchants-wrap .three-box .three-box-tabitem .wz-tab span.active,
.merchants-wrap .three-box .three-box-tabitem .wz-tab span:hover {
  background: #1891ff;
  color: #fff;
}
.merchants-wrap .four-box {
  background: url(//static.cn86.cn/img/2020/03/b51b054c35iznmtz.jpg) 50%
    no-repeat;
  background-size: cover;
  padding: 60px 0;
}
.merchants-wrap .four-box .four-box-list li {
  float: left;
  width: calc(20% - 9.6px);
  background: #fff;
  padding: 35px 20px 0;
  text-align: center;
  height: 310px;
}
.merchants-wrap .four-box .four-box-list li:not(:last-child) {
  margin-right: 12px;
}
.merchants-wrap .four-box .four-box-list li .num {
  background: url(//static.cn86.cn/img/2020/03/24c04a8eafc1qkyx.png) 50%
    no-repeat;
  height: 80px;
  font-size: 60px;
  color: #1891ff;
  line-height: 1;
  padding: 17px 0 0 40px;
  letter-spacing: -3px;
  font-family: Bahnschrift;
  background-position-y: -80px;
}
.merchants-wrap .four-box .four-box-list li h3 {
  font-size: 18px;
  color: #1891ff;
  margin: 30px 0 25px;
}
.merchants-wrap .four-box .four-box-list li p {
  font-size: 13px;
  color: #333;
  line-height: 1.8;
}
.merchants-wrap .four-box .four-box-list li:hover {
  -webkit-box-shadow: 0 0 20px rgba(24, 145, 255, 0.5);
  box-shadow: 0 0 20px rgba(24, 145, 255, 0.5);
  background: #1891ff;
}
.merchants-wrap .four-box .four-box-list li:hover .num {
  background-position-y: 0;
  color: #fff;
}
.merchants-wrap .four-box .four-box-list li:hover h3,
.merchants-wrap .four-box .four-box-list li:hover p {
  color: #fff;
}
.merchants-wrap .five-box {
  background: #fff;
  padding: 50px 0 20px;
}
.merchants-wrap .five-box .five-box-list li {
  float: left;
  width: calc(33.3333% - 18px);
  margin: 0 27px 30px 0;
  cursor: pointer;
}
.merchants-wrap .five-box .five-box-list li:nth-of-type(3n) {
  margin-right: 0;
}
.merchants-wrap .five-box .five-box-list li .img {
  margin-bottom: 20px;
  position: relative;
}
.merchants-wrap .five-box .five-box-list li .img img {
  max-width: 100%;
}
.merchants-wrap .five-box .five-box-list li .img span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: hsla(0, 0%, 100%, 0.5);
  text-align: center;
  line-height: 45px;
}
.merchants-wrap .five-box .five-box-list li .img span:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 0 solid hsla(0, 0%, 100%, 0.2);
}
.merchants-wrap .five-box .five-box-list li p {
  text-align: center;
  font-size: 16px;
  color: #333;
}
.merchants-wrap .five-box .five-box-list li p span {
  padding-top: 5px;
  display: block;
  font-size: 14px;
  color: #666;
}
.merchants-wrap .five-box .five-box-list li:hover .img span:after {
  left: -10px;
  top: -10px;
  border: 10px solid hsla(0, 0%, 100%, 0.2);
}
.merchants-wrap .five-box .five-box-list li:hover p {
  color: #1891ff;
}
.merchants-wrap .six-box {
  padding: 70px 0 50px;
  background: url(//static.cn86.cn/img/2020/03/7893dd84cbkibwh0.jpg) 50%
    no-repeat;
  background-size: cover;
}
.merchants-wrap .six-box .six-box-left {
  float: left;
  width: 56.66666667%;
  margin-right: 20px;
}
.merchants-wrap .six-box .six-box-owl {
  position: relative;
}
.merchants-wrap .six-box .six-box-owl .item {
  outline: none;
}
.merchants-wrap .six-box .six-box-owl .item img {
  width: 100%;
}
.merchants-wrap .six-box .six-box-owl .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.302);
  height: 38px;
  z-index: 9;
  text-align: center;
  padding-top: 13px;
}
.merchants-wrap .six-box .six-box-owl .slick-dots li {
  display: inline-block;
  font-size: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: hsla(0, 0%, 100%, 0.6);
  margin: 0 5px;
}
.merchants-wrap .six-box .six-box-owl .slick-dots li.slick-active {
  background: transparent;
  border-color: #fff;
}
.merchants-wrap .six-box .six-box-owl .slick-dots li button {
  display: none;
}
.merchants-wrap .six-box .six-box-right {
  overflow: hidden;
}
.merchants-wrap .six-box .six-box-right li {
  float: left;
  width: calc(50% - 20px);
  margin: 0 0 20px 20px;
  height: 189px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  text-align: center;
}
.merchants-wrap .six-box .six-box-right li:nth-of-type(2),
.merchants-wrap .six-box .six-box-right li:nth-of-type(3) {
  background: #fff;
  color: #333;
}
.merchants-wrap .six-box .six-box-right li h3 {
  font-size: 60px;
  font-family: Impact;
  padding: 20px 0 10px;
  position: relative;
}
.merchants-wrap .six-box .six-box-right li h3:after {
  content: '+';
  font-size: 20px;
  color: inherit;
  position: absolute;
  margin-left: 10px;
}
.merchants-wrap .six-box .six-box-right li p {
  font-size: 15px;
}
.merchants-wrap .seven-box {
  background: #fafafb;
  padding: 60px 0;
}
.merchants-wrap .seven-box .seven-box-list {
  text-align: justify;
  font-size: 0;
}
.merchants-wrap .seven-box .seven-box-list:after {
  content: '';
  display: inline-block;
  height: 0;
  width: 100%;
}
.merchants-wrap .seven-box .seven-box-list li {
  display: inline-block;
  width: calc(33.3333% - 53.3333px);
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 0 0 30px rgba(24, 145, 255, 0.2);
  box-shadow: 0 0 30px rgba(24, 145, 255, 0.2);
}
.merchants-wrap .seven-box .seven-box-list li:not(:last-child) {
  margin-right: 80px;
}
.merchants-wrap .seven-box .seven-box-list-title {
  background: #1891ff;
  line-height: 70px;
  padding-left: 17%;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
}
.merchants-wrap .seven-box .seven-box-list-title img {
  margin-left: 27%;
}
.merchants-wrap .seven-box .seven-box-list-body {
  height: 195px;
  padding: 45px 0 0 75px;
  border: 1px solid #eee;
  border-top: none;
}
.merchants-wrap .seven-box .seven-box-list-body p {
  margin-bottom: 15px;
  font-size: 15px;
  color: #666;
}
.merchants-wrap .eight-box {
  background: url(//static.cn86.cn/img/2020/03/185759348cm4yeuz.jpg) 50%
    no-repeat;
  background-size: cover;
  padding: 60px 0;
}
.merchants-wrap .eight-box-form .form-group {
  width: 27%;
  float: left;
  margin-right: 1%;
  position: relative;
  background: #fff;
}
.merchants-wrap .eight-box-form .form-group input {
  background: transparent;
  height: 70px;
  padding: 0 15px;
  font-size: 16px;
  color: #333;
  width: 100%;
  border: none;
  outline: none;
}
.merchants-wrap .eight-box-form .form-group input::-webkit-input-placeholder {
  color: #666;
}
.merchants-wrap .eight-box-form .form-group input::-moz-placeholder {
  color: #666;
}
.merchants-wrap .eight-box-form .form-group input::-ms-input-placeholder {
  color: #666;
}
.merchants-wrap .eight-box-form .form-group input::placeholder {
  color: #666;
}
.merchants-wrap .eight-box-form .form-group.code-wrap input {
  width: calc(100% - 150px);
}
.merchants-wrap .eight-box-form .form-group.code-wrap #captcha {
  position: absolute;
  z-index: 9;
  right: 15px;
  top: calc(50% - 17px);
}
.merchants-wrap .eight-box-form .submit {
  margin-left: auto;
  margin-right: auto;
  width: 16%;
}
.merchants-wrap .eight-box-form .submit button {
  border: none;
  font-size: 16px;
  color: #fff;
  height: 45px;
  width: 100%;
  outline: none;
  background: #000;
  border-radius: 30px;
}
#video {
  width: 100%;
  height: 50vh;
  outline: none;
}
@media (max-width: 1366px) {
  .merchants-wrap .two-box .two-box-owl {
    margin: 0 40px;
  }
  .merchants-wrap .two-box .two-box-owl .slick-arrow.slick-prev {
    left: -40px;
  }
  .merchants-wrap .two-box .two-box-owl .slick-arrow.slick-next {
    right: -40px;
  }
}
@media (max-width: 1024px) {
  .merchants-wrap .one-box .one-item-title h3 {
    font-size: 20px;
  }
  .merchants-wrap .one-box .one-item-title p {
    font-size: 12px;
  }
  .merchants-wrap .one-box .one-item-body .one-item-body-item .price b {
    font-size: 20px;
  }
  .merchants-wrap .one-box .one-item-body .one-item-body-item span {
    padding-left: 20px;
    font-size: 12px;
  }
  .merchants-wrap .one-box .one-item-body .one-item-body-item.item3 h3 {
    line-height: 45px;
  }
  .merchants-wrap .one-box .one-item-body .one-item-body-item.item3 {
    height: 45px;
  }
  .merchants-wrap .one-box .one-item-body .one-item-body-btn {
    padding: 20px 0 10px;
  }
  .merchants-wrap .three-box .three-box-tabitem {
    padding: 25px;
  }
  .merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item.active {
    padding-top: 15px;
  }
  .merchants-wrap .six-box .six-box-right li {
    height: 146px;
  }
  .merchants-wrap .six-box .six-box-right li p {
    font-size: 12px;
  }
  .merchants-wrap .six-box .six-box-right li h3 {
    font-size: 50px;
    padding: 10px;
    line-height: 50px;
  }
  .merchants-wrap .six-box .six-box-right li h3:after {
    top: -10px;
    margin-left: 0;
  }
  .merchants-wrap .seven-box .seven-box-list li:not(:last-child) {
    margin-right: 50px;
  }
  .merchants-wrap .seven-box .seven-box-list li {
    width: calc(33.3333% - 33.3333px);
  }
  .merchants-wrap .seven-box .seven-box-list-body {
    padding-left: 55px;
  }
}
@media (max-width: 990px) {
  .merchants-wrap .merchants-title {
    margin-bottom: 30px;
  }
  .merchants-wrap .merchants-title h3 {
    font-size: 20px;
  }
  .merchants-wrap .merchants-title p {
    font-size: 14px;
  }
  .merchants-wrap .one-box {
    padding: 30px 0 40px;
  }
  .merchants-wrap .one-box .one-item {
    float: none;
    width: 100%;
  }
  .merchants-wrap .one-box .one-item:nth-of-type(2) {
    margin: 20px 0;
  }
  .merchants-wrap .one-box .one-item-body .one-item-body-item.item2 {
    height: auto;
  }
  .merchants-wrap .three-box {
    padding: 30px 0;
  }
  .merchants-wrap .three-box .three-box-tab li span {
    display: none;
  }
  .merchants-wrap .three-box .three-box-tab li {
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
  }
  .merchants-wrap .three-box .three-box-tabitem {
    padding: 10px;
  }
  .merchants-wrap .three-box .three-box-tabitem .img {
    float: none;
    width: 100%;
    margin: 0;
  }
  .merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .merchants-wrap .three-box .three-box-tabitem .wz-tab-con-item p {
    font-size: 12px;
    margin-bottom: 5px;
  }
  .merchants-wrap .three-box .three-box-tabitem .wz-tab {
    margin-top: 20px;
  }
  .merchants-wrap .three-box .three-box-tabitem .wz-tab span {
    font-size: 12px;
    line-height: 30px;
  }
  .merchants-wrap .four-box {
    padding: 30px 0;
  }
  .merchants-wrap .four-box .four-box-list li {
    float: none;
    width: 100%;
    padding: 15px;
    font-size: 0;
    height: auto;
    text-align: left;
  }
  .merchants-wrap .four-box .four-box-list li:not(:last-child) {
    margin-bottom: 15px;
    margin-right: 0;
  }
  .merchants-wrap .four-box .four-box-list li h3 {
    margin: 0 0 10px;
  }
  .merchants-wrap .four-box .four-box-list li .num {
    margin-top: 10px;
    width: 60px;
    padding: 0;
    line-height: 80px;
    float: left;
    margin-right: 30px;
  }
  .merchants-wrap .five-box {
    padding: 30px 0 10px;
  }
  .merchants-wrap .five-box .five-box-list li {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .merchants-wrap .five-box .five-box-list li .img {
    margin-bottom: 10px;
  }
  .merchants-wrap .five-box .five-box-list li .img span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .merchants-wrap .five-box .five-box-list li .img span:after {
    width: 30px;
    height: 30px;
  }
  .merchants-wrap .five-box .five-box-list li .img span img {
    width: 10px;
  }
  .merchants-wrap .five-box .five-box-list li p {
    font-size: 14px;
  }
  .merchants-wrap .five-box .five-box-list li p span {
    font-size: 12px;
  }
  .merchants-wrap .five-box .five-box-list li:nth-of-type(3n) {
    margin-right: 16px;
  }
  .merchants-wrap .five-box .five-box-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .merchants-wrap .five-box .five-box-list li:hover .img span:after {
    left: -5px;
    top: -5px;
    border-width: 5px;
  }
  .merchants-wrap .six-box {
    padding: 30px 0 20px;
  }
  .merchants-wrap .six-box .six-box-left {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 15px;
  }
  .merchants-wrap .six-box .six-box-right li {
    width: calc(50% - 8px);
    margin-right: 16px;
    margin-left: 0;
  }
  .merchants-wrap .six-box .six-box-right li:nth-of-type(2n) {
    margin-right: 0;
  }
  .merchants-wrap .seven-box {
    padding: 30px 0;
  }
  .merchants-wrap .seven-box .seven-box-list li:not(:last-child) {
    margin-right: 0;
  }
  .merchants-wrap .seven-box .seven-box-list li {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  .merchants-wrap .seven-box .seven-box-list-title {
    line-height: 50px;
    font-size: 16px;
    padding-left: 20px;
  }
  .merchants-wrap .seven-box .seven-box-list-title img {
    margin-left: 10px;
  }
  .merchants-wrap .seven-box .seven-box-list-body {
    padding: 15px;
    height: auto;
  }
  .merchants-wrap .eight-box-form .form-group {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .merchants-wrap .eight-box-form .form-group input {
    font-size: 14px;
    height: 40px;
  }
  .merchants-wrap .eight-box-form .submit {
    float: none;
    width: 100%;
  }
  .merchants-wrap .eight-box-form .submit button {
    font-size: 14px;
    height: 40px;
  }
  .merchants-wrap .eight-box-form .form-group.code-wrap #captcha {
    right: 5px;
  }
}
.school-recruit {
  padding: 15px 0 30px !important;
}
.school-recruit .school-image img {
  max-width: 100%;
}
.school-recruit .school-content .mb-15 {
  font-size: 15px;
  margin-bottom: 5px !important;
}
.school-recruit .school-content .ps {
  margin: 15px 0 30px;
}
.school-recruit .school-content .notice {
  margin-bottom: 30px;
}
.school-recruit .school-content .form-input label span {
  color: red;
  font-size: 14px;
  padding: 0 5px;
  vertical-align: middle;
}
.school-recruit .school-content .form-input.form-edu .radio-item {
  border: 1px solid #ccc;
}
.school-recruit .school-content .form-input.form-edu .radio-item .form-radio {
  border-bottom: 1px solid #ccc;
  padding: 5px 8px;
}
.school-recruit
  .school-content
  .form-input.form-edu
  .radio-item
  .form-radio
  span {
  padding: 0 0 0 8px;
  position: relative;
  top: -2px;
}
.school-recruit
  .school-content
  .form-input.form-edu
  .radio-item
  .form-radio:last-child {
  border-bottom: none;
}
.school-recruit .school-content .form-input .attachments li {
  text-align: center;
  border: none;
}
.school-recruit .school-content .form-input .attachments li img {
  height: 100px;
}
.school-recruit .school-content .form-input .attachments li .thumbnail-remove {
  line-height: 27px;
}
.school-recruit .school-content .form-input .btn {
  display: block;
  text-align: left;
  font-size: 12px;
  border: 1px dashed #ccc;
}
.school-recruit .school-content .form-input .fileupload {
  line-height: 27px;
  width: 100%;
  padding: 0 5px;
  border: none;
}
.school-recruit .school-content .btn-primary {
  width: 100%;
}
.handpick-wrap {
  padding: 20px 8.02083333%;
}
.handpick-wrap .handpick-item {
  margin: 20px 0;
}
.handpick-wrap .handpick-item a {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  font-size: 14px;
  color: #444;
  margin: 10px 10px 10px 0;
}
.handpick-wrap .handpick-item a.active {
  font-weight: 700;
  color: #0090ff;
}
.handpick-wrap .handpick-item a:hover {
  color: #0090ff;
}
.handpick-wrap .handpick-main {
  padding: 10px 0;
}
.handpick-wrap .handpick-list:after {
  content: '';
  display: table;
  clear: both;
}
.handpick-wrap .handpick-list-item {
  float: left;
  width: calc(33.3333% - 32px);
  margin: 0 48px 48px 0;
}
.handpick-wrap .handpick-list-item:nth-of-type(3n) {
  margin-right: 0;
}
.handpick-wrap .handpick-list-item .img-wrap {
  overflow: hidden;
  position: relative;
  padding: 0 0 92%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.handpick-wrap .handpick-list-item .img-wrap img {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.handpick-wrap .handpick-list-item .img-wrap:hover {
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
}
.handpick-wrap .handpick-list-item .img-wrap:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.handpick-wrap .handpick-list-item h3 {
  text-align: center;
  font-size: 18px;
  color: #444;
  margin: 20px 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  line-height: 25px;
}
.handpick-wrap .handpick-list-item h3 span {
  font-size: 14px;
  color: #666;
  vertical-align: 1px;
}
#quality-preview-bar {
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
  height: 58px;
  line-height: 58px;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.quality-preview-info {
  margin-left: 64px;
  font-size: 14px;
  color: #444;
  position: relative;
  z-index: 9999;
  max-width: 350px;
}
.quality-response-icon {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 0;
}
.quality-response-icon a {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin: 0 10px;
}
.quality-response-icon a.active i {
  color: #0090ff;
}
.quality-response-icon i {
  font-size: 26px;
  color: #b5b5b5;
}
@media (max-width: 1200px) {
  .handpick-wrap .handpick-list-item {
    width: calc(33.3333% - 14px);
    margin: 0 21px 21px 0;
  }
  .handpick-wrap .handpick-list-item h3 {
    font-size: 16px;
    margin: 10px 0 0;
  }
}
@media (max-width: 990px) {
  .handpick-wrap {
    padding: 20px 15px;
  }
  .template-banner-box .template-banner .template-search {
    top: 60px;
    padding: 0 10px;
  }
  .handpick-wrap .handpick-item a {
    width: auto;
    font-size: 13px;
    padding: 3px;
    margin: 2px;
  }
  .handpick-wrap .handpick-list-item {
    width: calc(50% - 8px);
    margin: 0 16px 16px 0;
  }
  .handpick-wrap .handpick-list-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .handpick-wrap .handpick-list-item:nth-of-type(3n) {
    margin-right: 16px;
  }
  .handpick-wrap .handpick-list-item h3 {
    font-size: 14px;
    margin: 5px 0 0;
  }
}
@media (max-width: 425px) {
  .handpick-wrap .handpick-list-item {
    width: 100%;
    margin: 0 0 15px !important;
  }
}
.web-first {
  position: relative;
  background: url(//static.cn86.cn/img/2022/06/1437b24cdbpui3oj.jpg) no-repeat
    100% 0;
  background-size: 100%;
  padding-top: 120px;
  padding-bottom: 350px;
}
.web-first .web_f_text {
  position: relative;
  max-width: 720px;
  margin-left: 8.3333vw;
}
.web-first .web_f_text .web_f_wel {
  font-size: 16px;
  color: #fca80f;
  width: 158px;
  line-height: 35px;
  background: #fff4e0;
  border-radius: 30px;
  text-align: center;
  margin-bottom: 1.5625vw;
}
.web-first .web_f_text .web_f_hd {
  font-size: 3.22916vw;
  color: #473288;
  font-weight: 700;
  margin-bottom: 2.60416vw;
}
.web-first .web_f_text .web_f_p {
  font-size: 18px;
  color: #222;
  margin-bottom: 2.60416vw;
}
.web-first .web_f_text .web_f_a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.web-first .web_f_text .web_f_a > a {
  display: block;
  width: 155px;
  line-height: 45px;
  border-radius: 30px;
  text-align: center;
  background: #6c58e0;
  color: #fff;
  font-size: 0.9375vw;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-right: 25px;
  opacity: 0.5;
}
.web-first .web_f_text .web_f_a > a:hover {
  opacity: 1;
}
.max1200 {
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
.website_tit {
  text-align: center;
  margin-bottom: 70px;
}
.website_tit h3 {
  font-size: 2.1875vw;
  color: #473288;
  font-weight: 700;
}
.website_tit p {
  font-size: 1.0416vw;
  color: #222;
  font-weight: 400;
  padding-top: 10px;
}
.web-two {
  position: relative;
  background: url(//static.cn86.cn/img/2022/06/33ed776870gryddm.jpg) no-repeat
    100% 0 #fff;
  padding-top: 50px;
  padding-bottom: 5.2083vw;
}
.web-two .xun-pan {
  text-align: center;
  margin-top: 20px;
}
.web-two .xun-pan a {
  display: inline-block;
  width: 180px;
  line-height: 52px;
  background: #6c58e0;
  font-size: 18px;
  border-radius: 30px;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.web-two .xun-pan a:hover {
  opacity: 0.5;
}
.web_two_list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.web_two_list .web-item {
  position: relative;
  text-align: center;
  width: 23%;
  margin: 0 1% 3.125vw;
  padding: 0 30px;
}
.web_two_list .web-item .imgs {
  line-height: 115px;
}
.web_two_list .web-item .imgs img {
  max-width: 100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  cursor: pointer;
}
.web_two_list .web-item h3 {
  font-size: 20px;
  color: #473288;
  font-weight: 700;
  line-height: 28px;
  margin-top: 20px;
}
.web_two_list .web-item span {
  display: block;
  font-size: 14px;
  color: #222;
  margin-top: 15px;
  line-height: 1.7;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.web_two_list .web-item:first-child {
  padding: 0 30px;
}
.web_two_list .web-item:hover .imgs img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.web-three {
  position: relative;
  background: url(//static.cn86.cn/img/2022/06/8620344cb2dxhlyd.jpg) no-repeat
    top;
  background-size: 100% 100%;
  padding: 60px 0;
  overflow: hidden;
}
.web_three_con {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.web_three_con .three_left {
  position: relative;
  width: 25%;
}
.web_three_con .three_left .story_hd {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}
.web_three_con .three_left .story_hd li {
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  position: relative;
  padding-left: 30px;
  width: 100%;
  margin: 0;
}
.web_three_con .three_left .story_hd li .story_gress {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  display: block;
  text-align: center;
  height: 100%;
}
.web_three_con .three_left .story_hd li .story_gress .track1,
.web_three_con .three_left .story_hd li .story_gress .track2 {
  position: absolute;
  display: block;
  top: 1.9rem;
  right: auto;
  bottom: -1.2rem;
  left: 0.9rem;
  width: 0.1rem;
  height: auto;
}
.web_three_con .three_left .story_hd li .story_gress .track1 {
  border: none;
  border-top: 0.1rem solid #fff;
  border-bottom: 0.1rem solid #fff;
  background: repeating-linear-gradient(
    180deg,
    #ced6fe 0,
    #ced6fe 6px,
    transparent 0,
    transparent 12px
  );
  background-repeat: repeat-y;
}
.web_three_con .three_left .story_hd li .story_gress .track2 {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s linear;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s linear;
  transition: transform 0.3s linear, opacity 0.3s ease-out;
  transition: transform 0.3s linear, opacity 0.3s ease-out,
    -webkit-transform 0.3s linear;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  opacity: 0;
  background-color: #334ac0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.web_three_con .three_left .story_hd li .story_gress .track3 {
  position: absolute;
  top: 0.6rem;
  left: 0;
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.2;
  border-radius: 50%;
  opacity: 1;
}
.web_three_con .three_left .story_hd li .story_gress .track3:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: -webkit-transform 0.3s ease-in;
  transition: -webkit-transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  border: 0.1rem solid #334ac0;
  border-radius: 50%;
  background-color: #fff;
}
.web_three_con .three_left .story_hd li .story_gress .track3:after {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  content: '';
  border-radius: 50%;
  background: linear-gradient(91.46deg, #344bc1, #834bf3 111.67%);
}
.web_three_con .three_left .story_hd li h3 {
  font-size: 22px;
  color: #473288;
  font-weight: 700;
  margin-top: 5px;
  margin-bottom: 1.0416vw;
  -webkit-transition: opacity 0.3s, color 0.4s;
  transition: opacity 0.3s, color 0.4s;
  cursor: pointer;
}
.web_three_con .three_left .story_hd li .story_content {
  display: block;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin-bottom: 30px;
  -webkit-transition: opacity 0.2s linear, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
}
.web_three_con .three_left .story_hd li:last-child .track1,
.web_three_con .three_left .story_hd li:last-child .track2 {
  display: none;
}
.web_three_con .three_left .story_hd li.on h3 {
  color: #7b66ef;
}
.web_three_con .three_left .story_hd li.on .story_content {
  height: 65px;
  -webkit-transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    -webkit-transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s;
  transition: opacity 0.2s linear 0.3s, height 0.4s ease-in-out,
    transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.web_three_con .three_left .story_hd li.on .story_gress .track2 {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 3s linear;
  transition: opacity 0.3s ease-out, -webkit-transform 3s linear;
  transition: transform 3s linear, opacity 0.3s ease-out;
  transition: transform 3s linear, opacity 0.3s ease-out,
    -webkit-transform 3s linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.web_three_con .three_left .story_hd li.on .story_gress .track3 {
  opacity: 1;
}
.web_three_con .three_left .story_hd li.on .story_gress .track3:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.web_three_con .three_right {
  width: 77%;
  margin-left: -2%;
  position: relative;
}
.web_three_con .three_right .story_bd {
  position: relative;
}
.web_three_con .three_right .story_bd li {
  position: relative;
  text-align: center;
}
.web_three_con .three_right .story_bd li img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  cursor: -webkit-grab;
  cursor: grab;
}
.web-four {
  position: relative;
  margin-top: 5.2083vw;
}
.web-four .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  background: #3b2f85;
  border-radius: 30px;
  z-index: 999;
}
.web-four .number li {
  position: relative;
  text-align: center;
  width: 25%;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  padding: 30px 0;
}
.web-four .number li h3 {
  color: #fff;
  display: inline-block;
  font-weight: 400;
  margin: 10px 0;
}
.web-four .number li h3 i {
  font-family: Microsoft Yahei;
}
.web-four .number li h3 i,
.web-four .number li h3 span {
  font-style: inherit;
  color: #fff;
  font-size: 2.8125vw;
  font-weight: 400;
}
.web-four .number li h3 span {
  display: inline-block;
}
.web-four .number li p {
  font-size: 0.9375vw;
  line-height: 1.7;
  color: #fca80f;
  padding-top: 5px;
  font-weight: 400;
}
.web-five {
  position: relative;
  background: url(//static.cn86.cn/img/2022/06/0c25b133a8zjjd0l.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 230px;
  padding-bottom: 80px;
}
.web-five .five_list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.web-five .five_list,
.web-five .five_list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.web-five .five_list li {
  width: calc(50% - 30px);
  margin: 0 15px 2.60416vw;
  border-radius: 20px;
  background: #fff;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 70px 30px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.web-five .five_list li .aay {
  position: relative;
  text-align: center;
  width: 100px;
}
.web-five .five_list li .aay img {
  display: inline-block;
  max-width: 100%;
}
.web-five .five_list li .bby {
  position: relative;
  width: calc(100% - 120px);
}
.web-five .five_list li .bby h3 {
  font-size: 20px;
  color: #473288;
  font-weight: 700;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
}
.web-five .five_list li .bby span {
  display: block;
  font-size: 16px;
  color: #222;
  line-height: 1.7;
}
.web-five .five_list li:hover {
  background: #6c58e0;
}
.web-five .five_list li:hover .bby h3,
.web-five .five_list li:hover .bby span {
  color: #fff;
}
.web-five .xun-pan {
  text-align: center;
  margin-top: 10px;
}
.web-five .xun-pan a {
  display: inline-block;
  width: 180px;
  line-height: 52px;
  background: #6c58e0;
  font-size: 18px;
  border-radius: 30px;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.web-five .xun-pan a:hover {
  opacity: 0.5;
}
.web-six {
  z-index: 999;
  background: url(//static.cn86.cn/img/2022/06/821cbb31a3f3g5lg.jpg) no-repeat;
  padding-top: 60px;
}
.web-six,
.web-six .six_list {
  position: relative;
}
.web-six .six_list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.web-six .six_list li .six_img {
  position: relative;
  width: 50%;
}
.web-six .six_list li .six_img img {
  max-width: 100%;
}
.web-six .six_list li .six_text {
  position: relative;
  width: 50%;
  padding: 0 4.1666vw;
}
.web-six .six_list li .six_text h3 {
  font-size: 24px;
  color: #473288;
  font-weight: 700;
  margin-bottom: 20px;
}
.web-six .six_list li .six_text span {
  display: block;
  font-size: 16px;
  color: #222;
  margin-bottom: 40px;
}
.web-six .six_list li .six_text a {
  display: block;
  width: 148px;
  line-height: 45px;
  background: #6c58e0;
  font-size: 16px;
  border-radius: 30px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff;
}
.web-six .six_list li .six_text a:hover {
  opacity: 0.7;
}
.web-six .six_list li:nth-child(2) .six_img {
  text-align: right;
}
.web-message {
  position: relative;
  background: url(//static.cn86.cn/img/2022/06/f5144d3678smq5ku.png) no-repeat;
  background-size: cover;
  padding-top: 350px;
  margin-top: -160px;
  padding-bottom: 70px;
}
.web-message .website_tit2 {
  margin-bottom: 3.125vw;
}
.web-message .website_tit2 h3,
.web-message .website_tit2 p {
  color: #fff;
}
.web-message .message-con {
  position: relative;
}
.web-message .message-con .form-group {
  float: left;
  width: 31.33%;
  margin: 0 1%;
  position: relative;
}
.web-message .message-con .form-group input[type='text'] {
  color: hsla(0, 0%, 100%, 0.5);
  background: #5047a0;
  outline: none;
  border: none;
  width: 100%;
  border-radius: 10px;
  line-height: 48px;
  text-indent: 10px;
  height: 48px;
  font-size: 14px;
}
.web-message
  .message-con
  .form-group
  input[type='text']::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  font-size: 14px;
}
.web-message .message-con .code-wrap {
  background: #5047a0;
  border-radius: 10px;
  margin-right: 0;
}
.web-message .message-con .code-wrap input {
  width: calc(100% - 150px);
}
.web-message .message-con .code-wrap #captcha {
  position: absolute;
  z-index: 9;
  right: 15px;
  top: calc(50% - 17px);
}
.web-message .message-con .submit {
  line-height: 45px;
  background: #fca80f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 148px;
  margin: 0 auto;
  margin-top: 3.125vw;
  border-radius: 30px;
}
.web-message .message-con .submit button {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 16px;
  color: #fff;
}
.web-message .message-con .submit:hover {
  background: rgba(252, 168, 15, 0.6);
}
@media (max-width: 1366px) {
  .web-first {
    padding-top: 150px;
    padding-bottom: 150px;
  }
  .web-first .web_f_text .web_f_a a {
    font-size: 15px;
  }
  .website_tit {
    margin-bottom: 45px;
  }
  .website_tit h3 {
    font-size: 30px;
  }
  .website_tit p {
    font-size: 16px;
  }
  .web-two .xun-pan a {
    font-size: 15px;
    width: 145px;
    line-height: 45px;
  }
  .web_three_con .three_left .story_hd li h3 {
    font-size: 18px;
  }
  .web-four {
    margin-top: 30px;
  }
  .web-five {
    padding-top: 110px;
    padding-bottom: 50px;
  }
  .web-six {
    padding-top: 30px;
  }
  .web-five .xun-pan a {
    font-size: 15px;
    width: 145px;
    line-height: 45px;
  }
  .web-message {
    padding-top: 180px;
    margin-top: -100px;
  }
}
@media (max-width: 990px) {
  .web-first {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .web-first .web_f_text .web_f_p {
    font-size: 15px;
  }
  .web-first .web_f_text .web_f_a a {
    width: 120px;
    line-height: 38px;
    margin-right: 15px;
  }
  .web-four .number li h3 i,
  .web-four .number li h3 span {
    font-size: 30px;
  }
  .web-four .number li p {
    font-size: 14px;
  }
  .web-five .five_list li {
    padding: 30px 20px;
    margin: 0 15px 30px;
  }
  .web-five .five_list li .aay {
    width: 80px;
  }
  .web-five .five_list li .bby {
    width: calc(100% - 100px);
  }
  .web-five .five_list li .bby h3 {
    font-size: 16px;
  }
  .web-five .five_list li .bby span {
    font-size: 14px;
  }
  .web-five .xun-pan {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .web-first {
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: 90% 90%;
  }
  .web-first .web_f_text {
    margin-left: 20px;
  }
  .web-first .web_f_text .web_f_hd {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .web-first .web_f_text .web_f_wel {
    font-size: 14px;
    line-height: 30px;
    width: 118px;
    margin-bottom: 15px;
  }
  .web-first .web_f_text .web_f_p {
    font-size: 14px;
    margin-bottom: 15px;
    max-width: 350px;
  }
  .web-first .web_f_text .web_f_a a {
    width: 100px;
    line-height: 32px;
    font-size: 13px;
  }
  .web-message .message-con {
    margin-top: 25px;
  }
  .web-message .message-con .form-group {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  .web-message .message-con .form-group input {
    line-height: 40px;
  }
  .web-message .message-con .submit {
    margin-top: 20px;
    line-height: 30px;
  }
  .web_two_list .web-item {
    width: 48%;
    margin: 0 1% 30px;
    padding: 0 5px;
  }
  .web_two_list .web-item h3 {
    font-size: 16px;
    margin-top: 10px;
  }
  .web_two_list .web-item span {
    margin-top: 10px;
  }
  .website_tit h3 {
    font-size: 20px;
  }
  .website_tit p {
    font-size: 14px;
    padding-top: 5px;
  }
  .web-three {
    padding: 30px 0;
  }
  .web_three_con .three_left {
    width: 100%;
  }
  .web_three_con .three_left .story_hd li h3 {
    margin-bottom: 15px;
  }
  .web_three_con .three_left .story_hd li.on .story_content {
    height: 65px;
    margin-bottom: 15px;
  }
  .web_three_con .three_right {
    width: 100%;
    margin-top: 0;
  }
  .web-four {
    margin-top: 0;
  }
  .web-four .number {
    border-radius: 20px;
  }
  .web-four .number li {
    width: 50%;
    padding: 15px 0;
  }
  .web-four .number li h3 {
    margin-bottom: 5px;
  }
  .web-four .number li h3 i,
  .web-four .number li h3 span {
    font-size: 25px;
  }
  .web-four .number li p {
    padding-top: 0;
    font-size: 13px;
  }
  .web-five {
    padding-top: 50px;
  }
  .web-five .five_list li {
    width: calc(100% - 0px);
    padding: 25px 15px;
    margin: 0 0 20px;
  }
  .web-five .five_list li .bby h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .web-six .six_list li {
    padding: 20px 0;
  }
  .web-six .six_list li .six_img,
  .web-six .six_list li .six_text {
    width: 100%;
  }
  .web-six .six_list li .six_text h3 {
    font-size: 18px;
  }
  .web-six .six_list li .six_text span {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .web-six .six_list li .six_text a {
    width: 118px;
    line-height: 35px;
    font-size: 14%;
  }
  .web-six .six_list li:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .web-six .six_list li:nth-child(2) .six_img {
    text-align: center;
  }
  .web-message {
    margin-top: -80px;
    padding-top: 150px;
    background-size: initial;
    background-position: 28%;
    padding-bottom: 35px;
  }
  .web-message .message-con .submit button {
    font-size: 14px;
  }
}
.mob_dy {
  position: relative;
  padding-bottom: 40px;
}
.mob_dyimg {
  text-align: center;
}
.mob_dyimg img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.mob_dy_message {
  position: relative;
  background: #eefaff;
  padding: 10px;
}
.mob_dy_message .message-con .message-con-top {
  background: url(../images/product/805be6577euznsqk.png) no-repeat 50%;
  background-size: 100% 100%;
  padding: 30px;
  padding-top: 50px;
  padding-bottom: 30px;
}
.mob_dy_message .message-con .message-con-top h2 {
  font-size: 18px;
  text-align: center;
  color: #000;
  margin-bottom: 30px;
}
.mob_dy_message .message-con .message-con-top span {
  display: block;
  width: 100px;
  color: #585858;
  font-size: 14px;
  letter-spacing: 5px;
}
.mob_dy_message .message-con .message-con-top .form-group {
  width: calc(100% - 100px);
  position: relative;
  margin-bottom: 0;
}
.mob_dy_message .message-con .message-con-top .form-group input[type='text'] {
  color: #585858;
  background: none;
  outline: none;
  border: none;
  border: 1px solid #5ccaff;
  width: 100%;
  border-radius: 10px;
  line-height: 38px;
  text-indent: 10px;
  height: 38px;
  font-size: 14px;
}
.mob_dy_message
  .message-con
  .message-con-top
  .form-group
  input[type='text']::-webkit-input-placeholder {
  color: #585858;
  font-size: 14px;
}
.mob_dy_message .message-con .message-con-top .code-wrap {
  background: none;
  border-radius: 10px;
  margin-right: 0;
}
.mob_dy_message .message-con .message-con-top .code-wrap input {
  width: calc(100% - 150px);
}
.mob_dy_message .message-con .message-con-top .code-wrap #captcha {
  position: absolute;
  z-index: 9;
  right: 15px;
  top: calc(50% - 17px);
}
.mob_dy_message .message-con .submit {
  line-height: 45px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 10px;
  border-radius: 5px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6889ff),
    color-stop(#5175fd),
    to(#365dfb)
  );
  background: linear-gradient(90deg, #6889ff, #5175fd, #365dfb);
}
.mob_dy_message .message-con .submit button {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  font-size: 16px;
  color: #fff;
}
.mob_dy_message .message-con .submit:hover {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6889ff),
    color-stop(#5175fd),
    to(#365dfb)
  );
  background: linear-gradient(90deg, #6889ff, #5175fd, #365dfb);
}
.flexd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}
.mob_dy_phone {
  position: relative;
  background: #eefaff;
  text-align: center;
  padding: 30px 20px 50px;
}
.mob_dy_phone div:first-child {
  color: #365dfb;
  font-size: 20px;
  font-weight: 700;
}
.mob_dy_phone a {
  margin-top: 10px;
  display: inline-block;
  background: #ffeb3b;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 30px;
  color: #000;
}
.consult {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999;
}
.consult a {
  display: block;
  color: #fff;
  font-size: 20px;
  width: 100%;
  line-height: 40px;
  text-align: center;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#6889ff),
    color-stop(#5175fd),
    to(#365dfb)
  );
  background: linear-gradient(90deg, #6889ff, #5175fd, #365dfb);
}
.tonglan {
  background: #242424;
  padding: 75px 0 15px;
}
.tonglan-nav dl {
  padding-left: 10%;
}
.tonglan-nav dt {
  line-height: 40px;
}
.tonglan-nav dt a {
  color: #fff;
  font-size: 15px;
}
.tonglan-nav dd {
  line-height: 40px;
}
.tonglan-nav dd a {
  font-size: 13px;
  color: #adaeb3;
}
.tonglan-nav dd a:hover {
  color: #03a9f4;
}
.tonglan-contact h3 {
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  margin: 0;
}
.tonglan-contact p {
  font-size: 13px;
  padding: 10px 0;
  line-height: 20px;
  color: #adaeb3;
}
.tonglan-contact p:first-of-type {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.tonglan-contact .sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tonglan-contact .sec a {
  color: #fff;
  text-align: center;
  line-height: 40px;
  display: block;
  padding-right: 10px;
  font-size: 13px;
}
.share {
  margin-top: 10px;
}
.share a {
  display: inline-block;
  margin-right: 15px;
  line-height: 1;
}
.share a .iconfont {
  font-size: 25px;
  color: #a3a3a3;
}
.share a:hover .iconfont {
  color: #03a9f4;
}
.link {
  color: #adaeb3;
}
.link h3 {
  float: left;
  display: block;
  width: 60px;
  margin-top: 20px;
}
.link ul {
  margin-left: 60px;
}
.link ul li {
  float: left;
  line-height: 1.1;
  padding: 20px 5px;
}
.link ul li a,
.link ul li a:visited {
  color: #adaeb3;
}
.link ul li a:hover {
  color: #03a9f4;
}
@media (max-width: 990px) {
  .tonglan {
    padding: 40px 0;
  }
  .tonglan-nav {
    margin-bottom: 10px;
  }
  .tonglan-nav dl {
    padding-left: 15px;
    min-height: 160px;
  }
  .tonglan-nav dt {
    line-height: 30px;
  }
  .tonglan-nav dt a {
    font-size: 17px;
  }
  .tonglan-nav dd {
    line-height: 30px;
  }
  .tonglan-contact p {
    padding: 5px 0;
  }
}
#tool-bar {
  display: none;
  position: fixed;
  right: 5px;
  bottom: 10%;
  z-index: 99999;
  height: 284px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#tool-bar li {
  position: relative;
}
#tool-bar li:first-child a {
  border-radius: 5px 0 0 0;
}
#tool-bar li.message.on a {
  border-radius: 0 0 0 5px;
}
#tool-bar li a {
  display: block;
  width: 56px;
  height: 58px;
  background: #1fb3ee;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
#tool-bar li a:hover {
  background: #09aaea;
}
#tool-bar li a .iconfont {
  color: #fff;
  font-size: 23px;
  font-weight: 100;
  padding-top: 3px;
  position: relative;
  display: inline-block;
}
#tool-bar li a span {
  display: block;
  color: #fff;
  position: relative;
  margin-top: -3px;
}
#tool-bar .wechat:hover .pop-box {
  display: block;
}
#tool-bar .wechat .pop-box {
  position: absolute;
  background: #f2f2f2;
  padding: 5px;
  right: 70px;
  top: -65.5%;
  display: none;
}
#tool-bar .wechat .pop-box p {
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-top: 10px;
}
#tool-bar .wechat .pop-box:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #f2f2f2;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -5px;
}
#tool-bar .phone:hover .pop-box {
  display: block;
}
#tool-bar .phone .pop-box {
  position: absolute;
  background: #f2f2f2;
  padding: 5px;
  right: 70px;
  top: 0;
  display: none;
}
#tool-bar .phone .pop-box p {
  text-align: center;
  font-size: 16px;
  padding: 10px;
  color: #666;
  line-height: 28px;
}
#tool-bar .phone .pop-box:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #f2f2f2;
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -5px;
}
#tool-bar .back-top {
  border-bottom: none;
  display: none;
}
#tool-bar .back-top a {
  background: #1bb1f4;
  height: 52px;
  border-radius: 0 0 0 5px;
}
#tool-bar .back-top a:hover {
  background: rgba(27, 177, 244, 0.9);
}
#tool-bar .back-top a .iconfont {
  font-size: 20px;
  position: relative;
  display: inline-block;
}
#tool-bar .back-top a span {
  display: block;
  color: #fff;
  position: relative;
  margin-top: -3px;
}
.footer {
  background: #111626;
  border-top: 1px solid #4c5461;
}
.footer .links {
  font-size: 12px;
  padding: 15px 0;
  line-height: 2;
  color: #adaeb3;
  float: left;
}
.footer .links a {
  color: #adaeb3;
}
.footer .copyright {
  text-align: center;
  font-size: 12px;
  padding: 15px 0;
  line-height: 2;
  color: #adaeb3;
}
.footer .copyright a {
  color: #adaeb3;
}
.footer .copyright a:hover {
  text-decoration: underline;
}
.footer .copyright img {
  margin-right: 3px;
}
@media (max-width: 768px) {
  #tool-bar,
  .footer .links {
    display: none;
  }
  .footer .copyright {
    float: none;
    text-align: center;
  }
}
.sample-foot {
  background: #242424;
  padding-top: 50px;
}
.sample-foot .foot-num {
  padding-bottom: 45px;
  border-bottom: 1px solid #353535;
}
.sample-foot .foot-num li {
  float: left;
  width: 20%;
  text-align: center;
}
.sample-foot .foot-num li .num-all {
  display: inline-block;
  position: relative;
}
.sample-foot .foot-num li p.nums {
  font-size: 38px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  position: relative;
  font-family: Arial;
}
.sample-foot .foot-num li p.txts {
  font-size: 15px;
  color: #949698;
  text-align: center;
  margin-top: 15px;
}
.sample-foot .foot-num li span {
  display: block;
  position: absolute;
  font-size: 38px;
  color: #fff;
  font-family: Arial;
  right: -22px;
  line-height: 38px;
  top: 0;
}
@media (max-width: 768px) {
  .sample-foot .foot-num {
    padding-bottom: 10px;
    padding-top: 15px;
  }
  .sample-foot .foot-num li {
    width: 50%;
    margin-bottom: 10px;
  }
  .sample-foot .foot-num li:first-child {
    display: none;
  }
  .sample-foot .foot-num li p.nums {
    font-size: 28px;
  }
  .sample-foot .foot-num li p.txts {
    font-size: 13px;
    margin-top: 5px;
  }
  .sample-foot .foot-num li span {
    font-size: 28px;
  }
}
.sample-foot .sample-foot-con {
  padding-top: 35px;
  padding-bottom: 22px;
}
.sample-foot .sample-foot-con .foot-left {
  float: left;
  width: 53%;
}
.sample-foot .sample-foot-con .foot-left .foot-nav li {
  float: left;
  font-size: 15px;
  line-height: 44px;
  margin-right: 5%;
}
.sample-foot .sample-foot-con .foot-left .foot-nav li:last-child {
  margin-right: 0;
}
.sample-foot .sample-foot-con .foot-left .foot-nav li a {
  color: #dadada;
}
.sample-foot .sample-foot-con .foot-left .foot-copyright {
  font-size: 13px;
  color: #949698;
  line-height: 13px;
  margin-top: 28px;
  margin-bottom: 15px;
}
.sample-foot .sample-foot-con .foot-left .foot-copyright a {
  color: #949698;
}
.sample-foot .sample-foot-con .foot-left .foot-link {
  font-size: 0;
}
.sample-foot .sample-foot-con .foot-left .foot-link h3 {
  display: inline-block;
  font-size: 14px;
  color: #949698;
  font-weight: 400;
  line-height: 14px;
  margin: 0;
}
.sample-foot .sample-foot-con .foot-left .foot-link ul {
  display: inline-block;
  font-size: 0;
}
.sample-foot .sample-foot-con .foot-left .foot-link ul li {
  display: inline-block;
  font-size: 12px;
  color: #949698;
  border-right: 1px solid #949698;
  line-height: 12px;
  padding-right: 10px;
  margin-right: 10px;
}
.sample-foot .sample-foot-con .foot-left .foot-link ul li:last-child {
  border: none;
}
.sample-foot .sample-foot-con .foot-left .foot-link ul li a {
  color: #949698;
}
.sample-foot .sample-foot-con .foot-mid {
  float: left;
}
.sample-foot .sample-foot-con .foot-mid p {
  font-size: 13px;
  color: #949698;
  line-height: 24px;
}
.sample-foot .sample-foot-con .foot-mid p:first-child {
  font-size: 30px;
  color: #fff;
  font-family: Arial;
  line-height: 65px;
}
.sample-foot .sample-foot-con .foot-right {
  float: right;
}
.sample-foot .sample-foot-con .foot-right img {
  max-width: 100%;
}
.sample-foot .sample-foot-con .foot-right h3 {
  text-align: center;
  font-size: 12px;
  color: #949698;
  font-weight: 400;
  line-height: 30px;
  margin: 0;
}
@media (max-width: 768px) {
  .sample-foot .sample-foot-con {
    padding-top: 10px;
  }
  .sample-foot .sample-foot-con .foot-left {
    float: none;
    width: 100%;
  }
  .sample-foot .sample-foot-con .foot-left .foot-nav {
    display: none;
  }
  .sample-foot .sample-foot-con .foot-left .foot-copyright {
    line-height: 24px;
  }
  .sample-foot .sample-foot-con .foot-left .foot-link ul li {
    padding-right: 5px;
    margin-right: 5px;
  }
  .sample-foot .sample-foot-con .foot-mid {
    float: none;
    width: 100%;
  }
  .sample-foot .sample-foot-con .foot-right {
    display: none;
  }
}
@media (max-width: 768px) {
  .sample-foot {
    padding-top: 0;
  }
}
h2.bbtt {
  text-align: center;
  line-height: 1;
  margin: 0;
}
h2.bbtt p {
  font-size: 18px;
  color: #f8981c;
  margin-bottom: 18px;
  font-weight: 500;
}
@media (max-width: 780px) {
  h2.bbtt p {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
h2.bbtt b {
  font-size: 36px;
  color: #383a65;
  line-height: 1.33;
}
@media (max-width: 780px) {
  h2.bbtt b {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  h2.bbtt b {
    font-size: 22px;
  }
  h2.bbtt b br {
    display: none;
  }
}
.w1510 {
  max-width: 1510px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1510px) {
  .w1510 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sc1 {
  padding-top: 5.21vw;
  background: url(../images/product/3b3c0f6dacxjnu8e.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 6.4vw;
}
@media (max-width: 780px) {
  .sc1 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.sc1 .con {
  margin-top: 3.125vw;
}
@media (max-width: 780px) {
  .sc1 .con {
    margin-top: 28px;
  }
}
.sc1 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1.04vw;
  margin-right: -1.04vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sc1 .con .list1 li {
  padding: 0 1.04vw;
  text-align: center;
  width: 16.666%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 780px) {
  .sc1 .con .list1 li {
    width: 33.33%;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .sc1 .con .list1 li {
    width: 50%;
  }
}
.sc1 .con .list1 li a {
  display: block;
  background-color: #fff;
  -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  border-radius: 10px;
  padding: 2.6vw 15px 2.08vw;
}
@media (max-width: 780px) {
  .sc1 .con .list1 li a {
    padding: 30px 15px 20px;
  }
}
.sc1 .con .list1 li a .img {
  line-height: 72px;
}
@media (max-width: 1025px) {
  .sc1 .con .list1 li a .img {
    line-height: 52px;
  }
}
@media (max-width: 1025px) {
  .sc1 .con .list1 li a .img img {
    max-height: 52px;
    max-width: 52px;
  }
}
.sc1 .con .list1 li a h3 {
  margin: 0;
  color: #383a65;
  font-size: 24px;
  margin-top: 2.28vw;
}
@media (max-width: 1025px) {
  .sc1 .con .list1 li a h3 {
    font-size: 16px;
    margin-top: 20px;
  }
}
.sc1 .con .list1 li:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.sc2 {
  padding-top: 46px;
  background: url(../images/product/d79dd07aafucrm14.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 3.4375vw;
}
@media (max-width: 780px) {
  .sc2 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.sc2 .con {
  margin-top: 4.375vw;
}
@media (max-width: 780px) {
  .sc2 .con {
    margin-top: 30px;
  }
}
.sc2 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.9vw;
  margin-left: -2.37vw;
  nav-right: -2.37vw;
}
.sc2 .con .list1 li {
  width: 33.33%;
  padding: 0 2.37vw;
  margin-bottom: 1.98vw;
  position: relative;
}
@media (max-width: 780px) {
  .sc2 .con .list1 li {
    width: 50%;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .sc2 .con .list1 li {
    width: 100%;
  }
}
.sc2 .con .list1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.sc2 .con .list1 li .img {
  text-align: center;
  width: 70px;
  background-color: #383a65;
  line-height: 70px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.sc2 .con .list1 li .zi {
  width: calc(100% - 94px);
}
.sc2 .con .list1 li .zi h3 {
  margin: 8px 0;
  color: #f8981c;
  font-size: 20px;
}
@media (max-width: 780px) {
  .sc2 .con .list1 li .zi h3 {
    font-size: 16px;
  }
}
.sc2 .con .list1 li .zi dd {
  font-size: 16px;
  color: #1e1e30;
  line-height: 30px;
}
@media (max-width: 780px) {
  .sc2 .con .list1 li .zi dd {
    font-size: 14px;
    line-height: 26px;
  }
}
.sc2 .con .list1 li:hover .img {
  background-color: #f8981c;
}
.sc2 .con a.ck {
  width: 161px;
  line-height: 58px;
  -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  border-radius: 29px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1.8px;
  color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: #f8981c;
}
.sc2 .con a.ck:hover {
  background: #383a65;
}
@media (max-width: 780px) {
  .sc2 .con a.ck {
    line-height: 42px;
    width: 140px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .sc2 .con a.ck {
    line-height: 34px;
    width: 132px;
    font-size: 14px;
  }
}
.w1420 {
  max-width: 1420px;
  margin: 0 auto;
}
@media (max-width: 1420px) {
  .w1420 {
    padding: 0 15px;
  }
}
.sc3 {
  padding-top: 3.229vw;
  background: url(../images/product/0e0291ee4fo2cwnr.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 4.6875vw;
}
@media (max-width: 780px) {
  .sc3 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.sc3 .con {
  margin-top: 3.23vw;
}
@media (max-width: 780px) {
  .sc3 .con {
    margin-top: 30px;
  }
}
.sc3 .con .list1 {
  margin-left: -6.5px;
  margin-right: -6.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sc3 .con .list1 li {
  padding: 0 6.5px;
  width: 11.45%;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.sc3 .con .list1 li.on {
  width: 43%;
}
.sc3 .con .list1 li.on a h3 {
  opacity: 0;
}
.sc3 .con .list1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.sc3 .con .list1 li a .img {
  background: #000;
}
.sc3 .con .list1 li a .img img {
  opacity: 0.8;
}
.sc3 .con .list1 li a:before {
  content: '';
  height: 100%;
  top: 0;
  z-index: 1;
  background: url('../images/product/c2ddbb159ah2umrp.png') no-repeat 0 0;
  opacity: 1;
  display: block;
}
.sc3 .con .list1 li a:before,
.sc3 .con .list1 li a h3 {
  width: 100%;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.sc3 .con .list1 li a h3 {
  margin: 0;
  text-align: center;
  color: #fff;
  bottom: 39px;
  font-weight: 500;
  z-index: 11;
  font-size: 16px;
}
.sc3 .con .list1 li.on a .img img {
  opacity: 1;
}
.sc3 .con .list1 li.on a:before {
  opacity: 0;
}
.sc3 .con .list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -6.5px;
  margin-right: -6.5px;
}
.sc3 .con .list2 li {
  padding: 0 6.5px;
  width: 50%;
  margin-bottom: 20px;
}
.sc3 .con .list2 li a {
  position: relative;
  display: block;
}
.sc3 .con .list2 li .img img {
  width: 100%;
}
.sc3 .con .list2 li h3 {
  margin: 0;
  text-align: center;
  color: #fff;
  bottom: 14px;
  position: absolute;
  left: 0;
  width: 100%;
  font-weight: 500;
  z-index: 11;
  font-size: 16px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.sc4 {
  padding-top: 3.75vw;
  background: url(../images/product/55f0f4cc5dzja1az.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 3.3854vw;
}
@media (max-width: 780px) {
  .sc4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.sc4 .con {
  margin-top: 2.5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 780px) {
  .sc4 .con {
    margin-top: 30px;
  }
}
.sc4 .con .sc4-1 {
  max-width: 520px;
}
@media (max-width: 1200px) {
  .sc4 .con .sc4-1 {
    width: 46%;
  }
}
@media (max-width: 780px) {
  .sc4 .con .sc4-1 {
    width: 100%;
    max-width: 100%;
  }
}
.sc4 .con .sc4-1 .list1 li {
  -webkit-box-shadow: -3.5px 4.9px 7px 0 #d6d6d6;
  box-shadow: -3.5px 4.9px 7px 0 #d6d6d6;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 9px;
  cursor: pointer;
}
.sc4 .con .sc4-1 .list1 li h3 {
  margin: 0;
  color: #383a65;
  font-size: 18px;
  background: url('../images/product/c1151b61fdmydbgf.png') no-repeat 96% 50%
    #fcc379;
  padding-left: 20px;
  line-height: 61px;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 780px) {
  .sc4 .con .sc4-1 .list1 li h3 {
    font-size: 16px;
    line-height: 42px;
  }
}
.sc4 .con .sc4-1 .list1 li .sec {
  font-size: 16px;
  color: #1e1e30;
  line-height: 36px;
  background: #fff;
  height: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 1200px) {
  .sc4 .con .sc4-1 .list1 li .sec {
    line-height: 26px;
  }
}
@media (max-width: 780px) {
  .sc4 .con .sc4-1 .list1 li .sec {
    font-size: 14px;
    line-height: 24px;
  }
}
.sc4 .con .sc4-1 .list1 li.on h3 {
  background: url('../images/product/d41f959b7bmcmuze.png') no-repeat 96% 50%
    #e8eaf6;
}
.sc4 .con .sc4-1 .list1 li.on .sec {
  height: 109px;
  padding: 11px 42px 26px 14px;
}
.sc4 .con .sc4-2 {
  max-width: 540px;
  text-align: center;
}
@media (max-width: 1200px) {
  .sc4 .con .sc4-2 {
    width: 46%;
  }
}
@media (max-width: 780px) {
  .sc4 .con .sc4-2 {
    width: 100%;
    margin-top: 30px;
    max-width: 100%;
  }
}
.sc4 .con .sc4-2 img {
  max-width: 100%;
}
.w1203 {
  max-width: 1203px;
  margin: 0 auto;
}
@media (max-width: 1203px) {
  .w1203 {
    padding: 0 15px;
  }
}
.w1264 {
  max-width: 1264px;
  margin: 0 auto;
}
@media (max-width: 1264px) {
  .w1264 {
    padding: 0 15px;
  }
}
.sc5 {
  padding-top: 4.6875vw;
  background: url(../images/product/504b6e954btraeu5.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 3.54vw;
}
@media (max-width: 780px) {
  .sc5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.sc5 .con {
  margin-top: 3.59vw;
}
@media (max-width: 780px) {
  .sc5 .con {
    margin-top: 30px;
  }
}
.sc5 .con .list1 {
  margin-left: -2.58vw;
  margin-right: -2.58vw;
  margin-bottom: 0.8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
@media (max-width: 780px) {
  .sc5 .con .list1 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.sc5 .con .list1 li {
  padding: 0 2.58vw;
  width: 33.33%;
  margin-bottom: 2.08vw;
}
@media (max-width: 780px) {
  .sc5 .con .list1 li {
    width: 50%;
    margin-bottom: 20px;
    padding: 0 10px;
  }
}
@media (max-width: 480px) {
  .sc5 .con .list1 li {
    width: 100%;
  }
}
.sc5 .con .list1 li a {
  display: block;
  background-color: #fff;
  -webkit-box-shadow: -5px 8.7px 7px 0 hsla(0, 0%, 84%, 0.8);
  box-shadow: -5px 8.7px 7px 0 hsla(0, 0%, 84%, 0.8);
  border-radius: 10px;
  padding: 2.66vw 1.38vw 1.5625vw;
}
@media (max-width: 780px) {
  .sc5 .con .list1 li a {
    padding: 20px 15px;
  }
}
.sc5 .con .list1 li a .img {
  line-height: 100px;
}
@media (max-width: 780px) {
  .sc5 .con .list1 li a .img {
    line-height: 60px;
  }
}
@media (max-width: 780px) {
  .sc5 .con .list1 li a .img img {
    max-width: 60px;
    max-height: 60px;
  }
}
.sc5 .con .list1 li a .zi {
  margin-top: 1.5625vw;
}
.sc5 .con .list1 li a .zi h3 {
  font-size: 24px;
  color: #383a65;
  margin: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 780px) {
  .sc5 .con .list1 li a .zi h3 {
    font-size: 18px;
  }
}
.sc5 .con .list1 li a .zi dd {
  line-height: 24px;
  font-size: 14px;
  color: #1e1e30;
  margin-top: 1.3vw;
  height: 48px;
}
@media (max-width: 780px) {
  .sc5 .con .list1 li a .zi dd {
    height: auto;
  }
}
@media (max-width: 480px) {
  .sc5 .con .list1 li a .zi dd {
    line-height: 20px;
    margin-top: 6px;
  }
}
.sc5 .con .list1 li a:hover .zi h3 {
  color: #f8981c;
}
.sc5 .con a.ck {
  width: 161px;
  line-height: 58px;
  -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  border-radius: 29px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1.8px;
  color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: #f8981c;
}
.sc5 .con a.ck:hover {
  background: #383a65;
}
@media (max-width: 780px) {
  .sc5 .con a.ck {
    line-height: 42px;
    width: 140px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .sc5 .con a.ck {
    line-height: 34px;
    width: 132px;
    font-size: 14px;
  }
}
.sc6 {
  padding-top: 3.4375vw;
  background: url(../images/product/be23a2c91bh7foua.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 6.66vw;
}
@media (max-width: 780px) {
  .sc6 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.sc6 .con {
  margin-top: 3.02vw;
  background: url('../images/product/5601e11d83ztg4ma.png') no-repeat 50%;
}
@media (max-width: 780px) {
  .sc6 .con {
    margin-top: 30px;
  }
}
.sc6 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
@media (max-width: 780px) {
  .sc6 .con .list1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.sc6 .con .list1 li {
  width: 20%;
}
@media (max-width: 780px) {
  .sc6 .con .list1 li {
    width: 49%;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .sc6 .con .list1 li {
    width: 100%;
  }
}
.sc6 .con .list1 li a {
  border-radius: 30px;
  display: block;
  position: relative;
}
@media (max-width: 480px) {
  .sc6 .con .list1 li a {
    border-radius: 10px;
  }
}
.sc6 .con .list1 li a:after {
  content: '';
  display: block;
  width: 46px;
  height: 143px;
  position: absolute;
  z-index: 1;
}
@media (max-width: 780px) {
  .sc6 .con .list1 li a:after {
    display: none;
  }
}
.sc6 .con .list1 li a h3 {
  margin: 0;
  font-size: 24px;
  color: #383a65;
  line-height: 72px;
  background-color: #fff;
}
@media (max-width: 780px) {
  .sc6 .con .list1 li a h3 {
    line-height: 58px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .sc6 .con .list1 li a h3 {
    line-height: 44px;
  }
}
.sc6 .con .list1 li a .zi dd {
  margin-top: 10px;
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  padding: 0 5px;
  height: 60px;
}
@media (max-width: 1264px) {
  .sc6 .con .list1 li a .zi dd {
    font-size: 13px;
  }
  .sc6 .con .list1 li a .zi dd br {
    display: none;
  }
}
@media (max-width: 1025px) {
  .sc6 .con .list1 li a .zi dd {
    line-height: 22px;
  }
}
@media (max-width: 780px) {
  .sc6 .con .list1 li a .zi dd {
    height: auto;
    font-size: 14px;
    line-height: 26px;
  }
}
@media (max-width: 480px) {
  .sc6 .con .list1 li a .zi dd {
    margin-top: 14px;
  }
}
.sc6 .con .list1 li a .zi .img {
  line-height: 51px;
  margin-top: 22px;
}
@media (max-width: 780px) {
  .sc6 .con .list1 li a .zi .img {
    line-height: 40px;
  }
  .sc6 .con .list1 li a .zi .img img {
    max-width: 40px;
    max-height: 40px;
  }
}
@media (max-width: 480px) {
  .sc6 .con .list1 li a .zi .img {
    margin-top: 12px;
  }
}
.sc6 .con .list1 li:nth-child(odd) a {
  padding-bottom: 28px;
  background: #383a65;
}
.sc6 .con .list1 li:nth-child(odd) a h3 {
  border-radius: 30px 30px 0 0;
}
@media (max-width: 480px) {
  .sc6 .con .list1 li:nth-child(odd) a h3 {
    border-radius: 10px 10px 0 0;
  }
}
.sc6 .con .list1 li:nth-child(odd) a:after {
  left: 50%;
  bottom: -58%;
  background: url('../images/product/1244e66d93i8bxeg.png') no-repeat 50% 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 780px) {
  .sc6 .con .list1 li:nth-child(2n) a {
    padding-bottom: 28px;
    background: #383a65;
  }
  .sc6 .con .list1 li:nth-child(2n) a h3 {
    border-radius: 30px 30px 0 0;
  }
}
@media (max-width: 780px) and (max-width: 480px) {
  .sc6 .con .list1 li:nth-child(2n) a h3 {
    border-radius: 10px 10px 0 0;
  }
}
@media (max-width: 780px) {
  .sc6 .con .list1 li:nth-child(2n) a:after {
    left: 50%;
    bottom: -58%;
    background: url('../images/product/1244e66d93i8bxeg.png') no-repeat 50% 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media (min-width: 780px) {
  .sc6 .con .list1 li:nth-child(2n) {
    margin-top: 392px;
  }
  .sc6 .con .list1 li:nth-child(2n) a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background: #f8981c;
  }
  .sc6 .con .list1 li:nth-child(2n) a h3 {
    border-radius: 0 0 30px 30px;
    margin-top: 28px;
  }
  .sc6 .con .list1 li:nth-child(2n) a .zi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .sc6 .con .list1 li:nth-child(2n) a:after {
    left: 50%;
    top: -58%;
    background: url('../images/product/8e79518854vscosp.png') no-repeat 50% 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.sc7 {
  padding-top: 3.4375vw;
  background: url(../images/product/0e3115cb1a9myvyu.png) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 6.46vw;
}
@media (max-width: 780px) {
  .sc7 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.sc7 .con {
  margin-top: 3.49vw;
}
@media (max-height: 780px) {
  .sc7 .con {
    margin-top: 30px;
  }
}
.sc7 .con .list1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.675vw;
  margin-right: -0.675vw;
}
.sc7 .con .list1 li {
  text-align: center;
  width: 33.33%;
  padding: 0 0.675vw;
}
@media (max-width: 480px) {
  .sc7 .con .list1 li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.sc7 .con .list1 li a .img {
  border-radius: 10px 10px 0 0;
}
.sc7 .con .list1 li a .img img {
  width: 100%;
}
.sc7 .con .list1 li a dd {
  -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  border-radius: 0 0 10px 10px;
  line-height: 1;
  padding: 1.14583vw 0;
}
@media (max-width: 1025px) {
  .sc7 .con .list1 li a dd {
    padding: 15px;
  }
}
.sc7 .con .list1 li a dd p {
  color: #f8981c;
  font-size: 12px;
}
.sc7 .con .list1 li a dd b {
  font-size: 18px;
  color: #383a65;
  font-weight: 600;
  margin-top: 6px;
  display: block;
}
.sc8 {
  background: url('../images/product/e11fd30dc3mp7pfv.png') no-repeat 50%;
  background-size: cover;
  padding-top: 78px;
  padding-bottom: 50px;
  text-align: center;
  color: #fff;
}
@media (max-width: 780px) {
  .sc8 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.sc8 p {
  font-size: 36px;
}
@media (max-width: 780px) {
  .sc8 p {
    font-size: 24px;
  }
}
@media (max-width: 480px) {
  .sc8 p {
    font-size: 20px;
  }
}
.sc8 p:nth-child(2) {
  font-size: 24px;
  margin-top: 6px;
  margin-bottom: 16px;
}
@media (max-width: 780px) {
  .sc8 p:nth-child(2) {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .sc8 p:nth-child(2) {
    font-size: 14px;
  }
}
.sc8 p:nth-child(2) b {
  color: #f8981c;
  font-size: 30px;
}
@media (max-width: 780px) {
  .sc8 p:nth-child(2) b {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .sc8 p:nth-child(2) b {
    font-size: 16px;
  }
}
.sc8 a.ck {
  width: 161px;
  line-height: 58px;
  -webkit-box-shadow: -3px 5.2px 6px 0 rgba(0, 0, 0, 0.3);
  box-shadow: -3px 5.2px 6px 0 rgba(0, 0, 0, 0.3);
  border-radius: 29px;
  background: #f8981c;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 1.8px;
  color: #fff;
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.sc8 a.ck:hover {
  background: #383a65;
}
@media (max-width: 780px) {
  .sc8 a.ck {
    line-height: 42px;
    width: 140px;
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .sc8 a.ck {
    line-height: 34px;
    width: 132px;
    font-size: 14px;
  }
}
.site_list > li {
  margin-bottom: 16px;
}
.site_list > li a.bt1 {
  font-size: 20px;
  color: #333;
  display: block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 6px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  cursor: pointer;
}
@media (max-width: 480px) {
  .site_list > li a.bt1 {
    font-size: 18px;
  }
}
.site_list > li a.bt1:hover {
  color: #03a9f4;
}
.site_list > li .hh .list1 li {
  line-height: 28px;
}
.site_list > li .hh .list1 li a.bt2 {
  font-size: 16px;
  color: #333;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  font-weight: 600;
}
@media (max-width: 480px) {
  .site_list > li .hh .list1 li a.bt2 {
    font-size: 15px;
  }
}
.site_list > li .hh .list1 li a.bt2:hover {
  color: #03a9f4;
}
.site_list > li .hh .list1 li .hh1 .list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.site_list > li .hh .list1 li .hh1 .list2 li a {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  padding: 4px 8px 4px 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
@media (max-width: 480px) {
  .site_list > li .hh .list1 li .hh1 .list2 li a {
    font-size: 13px;
  }
}
.site_list > li .hh .list1 li .hh1 .list2 li a:hover {
  color: #03a9f4;
}
.w1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.city-cont .pb30 {
  padding-bottom: 30px;
}
.city-cont .cont-title {
  text-align: center;
  color: #2e2c3e;
  font-size: 18px;
  margin: 50px 0;
}
@media (max-width: 780px) {
  .city-cont .cont-title {
    margin: 30px 0;
    font-size: 16px;
  }
}
.city-cont .cont-title span {
  position: relative;
}
.city-cont .cont-title span:before {
  left: -15px;
}
.city-cont .cont-title span:after,
.city-cont .cont-title span:before {
  width: 4px;
  height: 16px;
  background: #203d81;
  display: block;
  content: '';
  position: absolute;
  bottom: 3px;
}
.city-cont .cont-title span:after {
  right: -15px;
}
.city-cont .about1 .content {
  text-align: center;
  font-size: 14px;
  line-height: 27px;
}
.city-cont .product-list {
  margin-bottom: 40px;
}
.city-cont .product-list .cate-title {
  color: #333;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  line-height: 30px;
  height: 30px;
}
@media (max-width: 780px) {
  .city-cont .product-list .cate-title {
    font-size: 15px;
  }
}
.city-cont .product-list .cate-title span {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  background: #fff;
  padding-right: 25px;
}
.city-cont .product-list .cate-title:after {
  width: 100%;
  height: 2px;
  background: #eee;
  display: block;
  content: '';
  position: absolute;
  right: 0;
  bottom: 12px;
}
.city-cont .product-list .item-list {
  margin: 25px -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.city-cont .product-list .item-list li {
  width: 25%;
  text-align: center;
  padding: 0 8px;
}
@media (max-width: 780px) {
  .city-cont .product-list .item-list li {
    width: 50%;
  }
}
.city-cont .product-list .item-list li .item {
  -webkit-box-shadow: 0 0 5px #eee;
  box-shadow: 0 0 5px #eee;
}
.city-cont .product-list .item-list li .item .img {
  overflow: hidden;
}
.city-cont .product-list .item-list li .item .img img {
  width: 100%;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.city-cont .product-list .item-list li .item h3 {
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #2e2c3e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
}
.city-cont .product-list .item-list li:hover .item .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.city-cont .cityx {
  font-size: 14px;
  margin-bottom: 30px;
}
.dy_wh1200 {
  width: 100%;
  max-width: 1200px;
  display: block;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.dy_banner {
  padding-top: 70px;
}
@media (max-width: 990px) {
  .dy_banner {
    padding: 0;
  }
}
.hwebsite_banner {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}
.hwebsite_banner .dy_wh1200 {
  text-align: center;
  padding: 18.2% 7.9% 15.5%;
}
.hwebsite_banner h3 {
  margin: 0;
  font-size: 140px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #fff;
}
.hwebsite_banner .h3_bt {
  background-color: #d60f0f;
  border-radius: 0.75em;
  font-size: 60px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #fff;
  width: 12.3em;
  margin: 1em auto 0;
}
.hwebsite_banner .wzjs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 17.5%;
}
.hwebsite_banner .wzjs li {
  max-width: 260px;
  width: 30%;
  background-image: url('../images/product/ec02da0ef230ski7.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  padding: 0;
}
.hwebsite_banner .wzjs li .wzs {
  display: block;
  padding: 26% 8px 20%;
}
.hwebsite_banner .wzjs li h4 {
  color: #d60f0f;
  font-size: 62px;
  line-height: 1;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hwebsite_banner .wzjs li h4 span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 139px;
  letter-spacing: -0.07em;
  line-height: 0.7;
  margin-right: 0.08em;
}
.hwebsite_banner .wzjs li h5 {
  font-size: 42px;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0;
  color: #d60f0f;
  line-height: 1;
  margin: 0.4em 0 0;
}
.hwebsite_banner .wzjs li p {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0;
  color: rgba(214, 15, 15, 0.5);
  margin: 0.45em 0 0;
}
@media (max-width: 1200px) {
  .hwebsite_banner h3 {
    font-size: 11.6vw;
  }
  .hwebsite_banner .h3_bt {
    font-size: 5vw;
  }
  .hwebsite_banner .wzjs li h4 {
    font-size: 5.1vw;
  }
  .hwebsite_banner .wzjs li h4 span {
    font-size: 11.6vw;
  }
  .hwebsite_banner .wzjs li h5 {
    font-size: 3.5vw;
  }
}
@media (max-width: 640px) {
  .hwebsite_banner .dy_wh1200 {
    padding: 18% 2% 15%;
  }
  .hwebsite_banner h3 {
    font-size: 11.6vw;
  }
  .hwebsite_banner .h3_bt {
    font-size: 5vw;
  }
  .hwebsite_banner .wzjs li {
    width: 32%;
  }
  .hwebsite_banner .wzjs li .wzs {
    padding: 30% 6px 24%;
  }
  .hwebsite_banner .wzjs li h4 {
    font-size: 20px;
  }
  .hwebsite_banner .wzjs li h4 span {
    font-size: 50px;
  }
  .hwebsite_banner .wzjs li h5 {
    font-size: 17px;
  }
  .hwebsite_banner .wzjs li p {
    font-size: 12px;
  }
}
.page_1200 {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  overflow: hidden;
}
.hwebsite_title {
  background-color: #ce130a;
  padding: 26px 28px 42px;
  position: relative;
  text-align: center;
}
.hwebsite_title:before {
  content: '';
  display: block;
  width: calc(100% - 56px);
  height: calc(100% - 68px);
  position: absolute;
  left: 28px;
  top: 26px;
  border: 1px solid #fff;
  border-bottom: none;
  z-index: 1;
}
.hwebsite_title h3 {
  position: relative;
  z-index: 10;
  font-size: 60px;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  margin: 0.95em 0 0;
}
.hwebsite_title h5 {
  position: relative;
  z-index: 11;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
  margin: 0.8em 1px -0.55em;
  height: 1.1em;
  background-color: #ce130a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hwebsite_title h5:after,
.hwebsite_title h5:before {
  content: '';
  display: block;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 1px;
  background-color: #fff;
}
.hwebsite_title h5:before {
  margin-right: 1.27em;
}
.hwebsite_title h5:after {
  margin-left: 1.27em;
}
@media (max-width: 1200px) {
  .hwebsite_title {
    padding: 2.2vw 2.3vw 3.5vw;
  }
  .hwebsite_title:before {
    width: calc(100% - 4.6vw);
    height: calc(100% - 5.7vw);
    left: 2.3vw;
    top: 2.2vw;
  }
  .hwebsite_title h3 {
    font-size: 5vw;
  }
  .hwebsite_title h5 {
    font-size: 2.2vw;
  }
}
@media (max-width: 640px) {
  .hwebsite_title {
    padding: 14px 12px 20px;
  }
  .hwebsite_title:before {
    width: calc(100% - 24px);
    height: calc(100% - 34px);
    left: 12px;
    top: 14px;
  }
  .hwebsite_title h3 {
    font-size: 24px;
  }
  .hwebsite_title h5 {
    font-size: 13px;
  }
  .hwebsite_title h5:before {
    margin-right: 1em;
  }
  .hwebsite_title h5:after {
    margin-left: 1em;
  }
}
@media (max-width: 400px) {
  .hwebsite_title h3 {
    font-size: 22px;
  }
  .hwebsite_title h5 {
    font-size: 12px;
  }
}
.hwebsite_scope_conturl {
  padding: 5.75% 4.2% 8.25%;
}
.hwebsite_scope_conturl ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.hwebsite_scope_conturl ul li {
  width: 22.8%;
  text-align: center;
}
.hwebsite_scope_conturl ul li a {
  display: block;
  background-color: #2a2a2a;
  border-radius: 15px;
  padding: 18% 8px 15.2%;
}
.hwebsite_scope_conturl ul li a .img {
  height: 80px;
  overflow: hidden;
}
.hwebsite_scope_conturl ul li a .img img {
  max-width: 80%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.hwebsite_scope_conturl ul li a h4 {
  font-size: 30px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  margin: 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hwebsite_scope_conturl ul li:nth-child(n + 5) {
  margin-top: 1.8%;
}
@media (max-width: 1200px) {
  .hwebsite_scope_conturl ul li a .img {
    height: 6.75vw;
  }
  .hwebsite_scope_conturl ul li a h4 {
    font-size: 2.5vw;
  }
}
@media (max-width: 640px) {
  .hwebsite_scope_conturl {
    padding: 5% 15px 6%;
  }
  .hwebsite_scope_conturl ul li {
    width: 32%;
  }
  .hwebsite_scope_conturl ul li a {
    padding: 16% 6px 13%;
  }
  .hwebsite_scope_conturl ul li a .img {
    height: 42px;
  }
  .hwebsite_scope_conturl ul li a h4 {
    font-size: 14px;
    margin-top: 8px;
  }
  .hwebsite_scope_conturl ul li:nth-child(n + 4) {
    margin-top: 2%;
  }
}
@media (max-width: 400px) {
  .hwebsite_scope_conturl {
    padding: 5% 12px 6%;
  }
  .hwebsite_scope_conturl ul li a {
    padding: 15% 4px 10%;
  }
  .hwebsite_scope_conturl ul li a .img {
    height: 36px;
  }
  .hwebsite_scope_conturl ul li a h4 {
    font-size: 13px;
  }
}
.hwebsite_phone2,
.hwebsite_phone3,
.hwebsite_phonegg,
.svideoo_consult1,
.svideoo_consult2,
.svideoo_consult3 {
  background-image: url('../images/product/6da7fb6bf7vzhdhb.jpg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.hwebsite_phone2 .dy_wh1200,
.hwebsite_phone3 .dy_wh1200,
.hwebsite_phonegg .dy_wh1200,
.svideoo_consult1 .dy_wh1200,
.svideoo_consult2 .dy_wh1200,
.svideoo_consult3 .dy_wh1200 {
  padding: 6.2% 15px 4.75%;
  text-align: center;
}
.hwebsite_phone2 h3,
.hwebsite_phone3 h3,
.hwebsite_phonegg h3,
.svideoo_consult1 h3,
.svideoo_consult2 h3,
.svideoo_consult3 h3 {
  font-size: 32px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  margin: 0;
}
.hwebsite_phone2 h4,
.hwebsite_phone3 h4,
.hwebsite_phonegg h4,
.svideoo_consult1 h4,
.svideoo_consult2 h4,
.svideoo_consult3 h4 {
  margin: 0.7em auto 1em;
  font-size: 22px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
}
.hwebsite_phone2 .zx_message,
.hwebsite_phone3 .zx_message,
.hwebsite_phonegg .zx_message,
.svideoo_consult1 .zx_message,
.svideoo_consult2 .zx_message,
.svideoo_consult3 .zx_message {
  background-color: #ce130a;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #fff;
  display: inline-block;
  padding: 0.2em 3.5em;
  cursor: pointer;
}
@media (max-width: 990px) {
  .hwebsite_phone2 h3,
  .hwebsite_phone3 h3,
  .hwebsite_phonegg h3,
  .svideoo_consult1 h3,
  .svideoo_consult2 h3,
  .svideoo_consult3 h3 {
    font-size: 26px;
  }
  .hwebsite_phone2 h4,
  .hwebsite_phone3 h4,
  .hwebsite_phonegg h4,
  .svideoo_consult1 h4,
  .svideoo_consult2 h4,
  .svideoo_consult3 h4 {
    font-size: 18px;
  }
  .hwebsite_phone2 .zx_message,
  .hwebsite_phone3 .zx_message,
  .hwebsite_phonegg .zx_message,
  .svideoo_consult1 .zx_message,
  .svideoo_consult2 .zx_message,
  .svideoo_consult3 .zx_message {
    font-size: 15px;
  }
}
@media (max-width: 640px) {
  .hwebsite_phone2 .dy_wh1200,
  .hwebsite_phone3 .dy_wh1200,
  .hwebsite_phonegg .dy_wh1200,
  .svideoo_consult1 .dy_wh1200,
  .svideoo_consult2 .dy_wh1200,
  .svideoo_consult3 .dy_wh1200 {
    padding: 40px 12px 32px;
  }
  .hwebsite_phone2 h3,
  .hwebsite_phone3 h3,
  .hwebsite_phonegg h3,
  .svideoo_consult1 h3,
  .svideoo_consult2 h3,
  .svideoo_consult3 h3 {
    font-size: 20px;
  }
  .hwebsite_phone2 h4,
  .hwebsite_phone3 h4,
  .hwebsite_phonegg h4,
  .svideoo_consult1 h4,
  .svideoo_consult2 h4,
  .svideoo_consult3 h4 {
    font-size: 14px;
  }
  .hwebsite_phone2 .zx_message,
  .hwebsite_phone3 .zx_message,
  .hwebsite_phonegg .zx_message,
  .svideoo_consult1 .zx_message,
  .svideoo_consult2 .zx_message,
  .svideoo_consult3 .zx_message {
    font-size: 13px;
    padding: 0.4em 3em;
  }
}
.hwebsite_rdata_cont {
  width: 100%;
  max-width: 800px;
  padding: 5% 0 10%;
  margin: 0 auto;
}
.hwebsite_rdata_cont li {
  background-color: #2a2a2a;
  border-radius: 15px;
}
.hwebsite_rdata_cont li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5% 10px 5% 6%;
}
.hwebsite_rdata_cont li a .img {
  width: 18%;
  max-width: 125px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5%;
  text-align: center;
}
.hwebsite_rdata_cont li a .img img {
  max-width: 100%;
}
.hwebsite_rdata_cont li a .text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.hwebsite_rdata_cont li a .text h4 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
  margin: 0;
}
.hwebsite_rdata_cont li a .text h4,
.hwebsite_rdata_cont li a .text p {
  font-stretch: normal;
  letter-spacing: 0;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hwebsite_rdata_cont li a .text p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
  max-width: 460px;
  margin-top: 0.8em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hwebsite_rdata_cont li:nth-child(2n) {
  background-color: #ce130a;
}
.hwebsite_rdata_cont li:nth-child(n + 2) {
  margin-top: 14px;
}
@media (max-width: 900px) {
  .hwebsite_rdata_cont {
    padding: 5% 4% 8%;
    max-width: 100%;
  }
  .hwebsite_rdata_cont li a .text h4 {
    font-size: 3.6vw;
  }
  .hwebsite_rdata_cont li a .text p {
    font-size: 2vw;
  }
}
@media (max-width: 640px) {
  .hwebsite_rdata_cont {
    padding: 5% 12px;
    max-width: 100%;
  }
  .hwebsite_rdata_cont li a {
    padding: 4vw 3vw;
  }
  .hwebsite_rdata_cont li a .text h4 {
    font-size: 18px;
  }
  .hwebsite_rdata_cont li a .text p {
    font-size: 13px;
  }
}
@media (max-width: 500px) {
  .hwebsite_rdata_cont li a .img {
    width: 16%;
    margin-right: 4%;
  }
  .hwebsite_rdata_cont li a .text h4 {
    font-size: 17px;
  }
  .hwebsite_rdata_cont li a .text p {
    margin-top: 0.5em;
  }
}
@media (max-width: 400px) {
  .hwebsite_rdata_cont li a .img {
    width: 15%;
    margin-right: 3%;
  }
  .hwebsite_rdata_cont li a .text h4 {
    font-size: 15px;
  }
  .hwebsite_rdata_cont li a .text p {
    font-size: 12px;
    margin-top: 0.4em;
  }
}
.hwebsite_service_cont img {
  max-width: 100%;
}
.hwebsite_combo_cont {
  padding: 5.8% 15px 8.3%;
}
.hwebsite_combo_cont ul {
  display: block;
  max-width: 800px;
  margin: 0 auto;
}
.hwebsite_combo_cont ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  border-radius: 20px;
}
.hwebsite_combo_cont ul li .tis {
  background-color: #ce130a;
  font-size: 36px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.8;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  width: 30%;
  padding: 1.3em 0.5em;
  border-radius: 20px 0 0 20px;
}
.hwebsite_combo_cont ul li .tcwb {
  width: 70%;
  padding: 0 2.5% 0 3.8%;
  border-radius: 0 20px 20px 0;
}
.hwebsite_combo_cont ul li .tcwb h5 {
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0;
  line-height: 1.2;
  color: #fff;
  margin: 0;
}
.hwebsite_combo_cont ul li .tcwb .com_ad {
  margin-top: 4.2%;
}
.hwebsite_combo_cont ul li .tcwb .com_ad,
.hwebsite_combo_cont ul li .tcwb .com_ad1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hwebsite_combo_cont ul li .tcwb .com_ad1 {
  width: 79.2%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
}
.hwebsite_combo_cont ul li .tcwb .com_ad1 span {
  width: 47.5%;
  display: block;
  font-size: 30px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.72;
  letter-spacing: 0;
  color: #fff;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #ce130a;
  border-radius: 10px;
}
.hwebsite_combo_cont ul li .tcwb .com_ad1 span:nth-child(n + 3) {
  margin-top: 5.6%;
}
.hwebsite_combo_cont ul li .tcwb .com_ad2 {
  width: 16.1%;
  background-color: #ce130a;
  border-radius: 10px;
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0.4em;
}
.hwebsite_combo_cont ul li:nth-child(n + 2) {
  margin-top: 30px;
}
.hwebsite_combo_cont ul li:nth-child(2) a {
  background-color: #ffff01;
}
.hwebsite_combo_cont ul li:nth-child(2) .tis {
  background-color: #000;
  position: relative;
}
.hwebsite_combo_cont ul li:nth-child(2) .tis:after {
  content: '';
  display: block;
  background-image: url('../images/product/80b1389533brmngr.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  position: absolute;
  left: calc(50% - 1.4em);
  top: -1.75em;
  width: 2.8em;
  height: 3.14em;
}
.hwebsite_combo_cont ul li:nth-child(2) .tcwb h5 {
  color: #000;
}
@media (max-width: 900px) {
  .hwebsite_combo_cont {
    padding: 6% 4%;
  }
  .hwebsite_combo_cont ul li .tis {
    font-size: 4vw;
  }
  .hwebsite_combo_cont ul li .tcwb h5 {
    font-size: 2.7vw;
  }
  .hwebsite_combo_cont ul li .tcwb .com_ad1 span {
    font-size: 3.3vw;
  }
  .hwebsite_combo_cont ul li .tcwb .com_ad2 {
    font-size: 2.7vw;
  }
}
@media (max-width: 640px) {
  .hwebsite_combo_cont {
    padding: 30px 12px 24px;
  }
  .hwebsite_combo_cont ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    border-radius: 10px;
    overflow: hidden;
  }
  .hwebsite_combo_cont ul li .tis {
    font-size: 4vw;
    width: 100%;
    border-radius: 0;
    padding: 0.5em 1em;
    font-size: 20px;
  }
  .hwebsite_combo_cont ul li .tis br {
    display: none;
  }
  .hwebsite_combo_cont ul li .tcwb {
    width: 100%;
    border-radius: 0;
    padding: 20px 15px;
  }
  .hwebsite_combo_cont ul li .tcwb h5 {
    font-size: 17px;
    white-space: nowrap;
  }
  .hwebsite_combo_cont ul li .tcwb .com_ad1 span {
    font-size: 18px;
    line-height: 2.4;
  }
  .hwebsite_combo_cont ul li .tcwb .com_ad2 {
    font-size: 17px;
  }
  .hwebsite_combo_cont ul li:nth-child(n + 2) {
    margin-top: 20px;
  }
  .hwebsite_combo_cont ul li:nth-child(2) .tis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .hwebsite_combo_cont ul li:nth-child(2) .tis:after {
    content: '';
    position: relative;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.5em;
    display: inline-block;
    margin-right: 0.4em;
  }
  .hwebsite_combo_cont ul li:nth-child(2) .tcwb h5 {
    color: #000;
  }
}
.hwebsite_adv_cont {
  padding: 3.8% 0 7%;
}
.hwebsite_adv_cont ul {
  max-width: 800px;
  margin: 0 auto;
}
.hwebsite_adv_cont ul li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 16px;
}
.hwebsite_adv_cont ul li a .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hwebsite_adv_cont ul li a .img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.hwebsite_adv_cont ul li a .text {
  border: 1px solid #d60f0f;
  position: relative;
  z-index: 20;
  text-align: center;
  padding: 6% 4%;
}
.hwebsite_adv_cont ul li a .text h4 {
  margin: 0;
  font-size: 50px;
  font-weight: 700;
  color: #ce130a;
  -webkit-text-stroke: 1px #fff;
}
.hwebsite_adv_cont ul li a .text h4,
.hwebsite_adv_cont ul li a .text p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
}
.hwebsite_adv_cont ul li a .text p {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  margin-top: 1%;
}
.hwebsite_adv_cont ul li:nth-child(n + 2) {
  margin-top: 2%;
}
@media (max-width: 900px) {
  .hwebsite_adv_cont {
    padding: 5% 4%;
  }
  .hwebsite_adv_cont ul li a {
    padding: 1.5vw 1.8vw;
  }
  .hwebsite_adv_cont ul li a .text h4 {
    font-size: 5.6vw;
  }
  .hwebsite_adv_cont ul li a .text p {
    font-size: 2.7vw;
  }
}
@media (max-width: 640px) {
  .hwebsite_adv_cont {
    padding: 24px 12px 30px;
  }
  .hwebsite_adv_cont ul li a {
    padding: 8px 10px;
  }
  .hwebsite_adv_cont ul li a .text h4 {
    font-size: 28px;
  }
  .hwebsite_adv_cont ul li a .text p {
    font-size: 13px;
  }
}
@media (max-width: 400px) {
  .hwebsite_adv_cont ul li a .text h4 {
    font-size: 24px;
  }
  .hwebsite_adv_cont ul li a .text p {
    font-size: 12px;
  }
}
.hwebsite_process_cont {
  display: block;
  max-width: 800px;
  margin: 0 auto;
  padding: 3.5% 0 5%;
}
.hwebsite_process_cont ul {
  display: block;
  padding: 0 0 0 16%;
  background-image: url('../images/product/4264ad78c8srf4a9.png');
  background-position: 0 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.hwebsite_process_cont ul li a {
  display: block;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.hwebsite_process_cont ul li a .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hwebsite_process_cont ul li a .img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.hwebsite_process_cont ul li a .text {
  position: relative;
  z-index: 20;
  padding: 18px 10px 14px 5%;
}
.hwebsite_process_cont ul li a .text h4 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 44px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: 0;
  color: #fff;
  background-color: #d60f0f;
  border-radius: 1em;
  padding: 0 0.8em 0 0.6em;
  margin: 0;
}
.hwebsite_process_cont ul li a .text h4 img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 0.25em;
  max-width: 1em;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.hwebsite_process_cont ul li a .text p {
  font-size: 24px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.2em;
}
.hwebsite_process_cont ul li:nth-child(n + 2) {
  margin-top: 4.4%;
}
@media (max-width: 900px) {
  .hwebsite_process_cont {
    padding: 5% 4%;
    max-width: 100%;
  }
  .hwebsite_process_cont ul li a {
    border-radius: 24px;
  }
  .hwebsite_process_cont ul li a .text h4 {
    font-size: 4.9vw;
  }
  .hwebsite_process_cont ul li a .text p {
    font-size: 2.7vw;
  }
}
@media (max-width: 500px) {
  .hwebsite_process_cont {
    padding: 32px 15px;
    max-width: 100%;
  }
  .hwebsite_process_cont ul li a {
    border-radius: 15px;
  }
  .hwebsite_process_cont ul li a .text h4 {
    font-size: 18px;
    line-height: 2;
  }
  .hwebsite_process_cont ul li a .text h4 img {
    width: 24px;
    max-width: 24px;
    margin-right: 0.5em;
  }
  .hwebsite_process_cont ul li a .text p {
    font-size: 14px;
    margin-top: 1em;
  }
}
@media (max-width: 400px) {
  .hwebsite_process_cont {
    padding: 32px 12px;
    max-width: 100%;
  }
  .hwebsite_process_cont ul li a {
    border-radius: 10px;
  }
  .hwebsite_process_cont ul li a .text h4 {
    font-size: 18px;
  }
  .hwebsite_process_cont ul li a .text p {
    font-size: 13px;
  }
}
.hwebsite_scenes_cont {
  padding: 5% 20px;
}
.hwebsite_scenes_cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.hwebsite_scenes_cont ul li {
  width: 18.8%;
}
.hwebsite_scenes_cont ul li a {
  display: block;
  position: relative;
}
.hwebsite_scenes_cont ul li a .img {
  width: 100%;
  overflow: hidden;
}
.hwebsite_scenes_cont ul li a .img img {
  width: 100%;
}
.hwebsite_scenes_cont ul li a .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5% 4%;
}
.hwebsite_scenes_cont ul li a .text h4 {
  font-size: 24px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
  display: block;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hwebsite_scenes_cont ul li:nth-child(n + 6) {
  margin-top: 2.2%;
}
@media (max-width: 1200px) {
  .hwebsite_scenes_cont ul li a .text h4 {
    font-size: 2vw;
  }
}
@media (max-width: 640px) {
  .hwebsite_scenes_cont {
    padding: 20px 12px;
  }
  .hwebsite_scenes_cont ul li {
    width: calc(50% - 8px);
  }
  .hwebsite_scenes_cont ul li a .text h4 {
    font-size: 4vw;
  }
  .hwebsite_scenes_cont ul li:nth-child(n + 3) {
    margin-top: 16px;
  }
}
@media (max-width: 400px) {
  .hwebsite_scenes_cont ul li {
    width: calc(50% - 5px);
  }
  .hwebsite_scenes_cont ul li a .text h4 {
    font-size: 4vw;
  }
  .hwebsite_scenes_cont ul li:nth-child(n + 3) {
    margin-top: 10px;
  }
}
.svideoo_banner {
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}
.svideoo_banner .dy_wh1200 {
  padding: 10% 0 63%;
}
.svideoo_banner .wzs {
  text-align: center;
  padding: 0 4%;
}
.svideoo_banner .wzs h2 {
  margin: 0;
  font-size: 110px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0;
  color: #52fdf9;
}
.svideoo_banner .wzs h3 {
  margin: 4.2% 0 0;
  font-size: 60px;
  letter-spacing: -0.025em;
}
.svideoo_banner .wzs h3,
.svideoo_banner .wzs h4 {
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  color: #fff;
}
.svideoo_banner .wzs h4 {
  margin: 2.5% 0 0;
  font-size: 36px;
  letter-spacing: 0;
  display: inline-block;
  padding: 0 1.5em;
  background: url('../images/product/685e1d66794ulew5.png') no-repeat 100%,
    url('../images/product/10ea73583cyzqrpo.png') no-repeat 0;
  background-size: 0.94em auto;
}
.svideoo_banner .wzs h5 {
  margin: 0.9% 0 0;
  font-size: 18px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #fff;
}
@media (max-width: 1200px) {
  .svideoo_banner .wzs h2 {
    font-size: 9.1vw;
  }
  .svideoo_banner .wzs h3 {
    font-size: 5vw;
  }
  .svideoo_banner .wzs h4 {
    font-size: 3vw;
  }
  .svideoo_banner .wzs h5 {
    font-size: 1.5vw;
  }
}
@media (max-width: 990px) {
  .svideoo_banner .wzs h5 {
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .svideoo_banner .wzs h4 {
    font-size: 14px;
  }
  .svideoo_banner .wzs h5 {
    margin-top: 5px;
  }
}
.svideoo_title {
  position: relative;
  text-align: center;
  padding: 3.2% 4% 1.8%;
  background-color: #52fdf9;
}
.svideoo_title h3 {
  position: relative;
  z-index: 10;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.5;
  color: #000;
}
.svideoo_title h3,
.svideoo_title h4 {
  font-stretch: normal;
  letter-spacing: 0;
  margin: 0;
}
.svideoo_title h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 178px;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.05);
}
.svideoo_title h5 {
  margin: 0;
  position: relative;
  z-index: 10;
  font-size: 18px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 0.25em;
  min-height: 1.5em;
}
.svideoo_title.white {
  background-color: transparent;
}
.svideoo_title.white h3 {
  color: #fff;
}
.svideoo_title.white h4 {
  color: hsla(0, 0%, 100%, 0.05);
}
.svideoo_title.white h5 {
  color: hsla(0, 0%, 100%, 0.5);
}
@media (max-width: 1200px) {
  .svideoo_title h3 {
    font-size: 5vw;
  }
  .svideoo_title h4 {
    font-size: 14.8vw;
  }
  .svideoo_title h5 {
    font-size: 1.5vw;
  }
}
@media (max-width: 990px) {
  .svideoo_title h5 {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .svideoo_title h3 {
    font-size: 22px;
  }
  .svideoo_title h4 {
    font-size: 64px;
  }
  .svideoo_title h5 {
    font-size: 13px;
  }
}
@media (max-width: 400px) {
  .svideoo_title h4 {
    font-size: 56px;
  }
}
.svideoo_production {
  background-color: #000;
}
.svideoo_production .dy_wh1200 {
  padding: 3.75% 0 4.5%;
}
.svideoo_production .svideoo_title h4 {
  font-weight: 700;
}
.svideoo_production_cont {
  max-width: 970px;
  margin: 5% auto 0;
}
.svideoo_production_cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.svideoo_production_cont ul li {
  max-width: 130px;
  width: 13.4%;
}
.svideoo_production_cont ul li .img {
  width: 100%;
  display: block;
  text-align: center;
}
.svideoo_production_cont ul li .img img {
  width: 100%;
}
@media (max-width: 990px) {
  .svideoo_production_cont {
    padding: 0 15px;
  }
}
.svideoo_consult1,
.svideoo_consult2,
.svideoo_consult3 {
  background-image: url('../images/product/6da7fb6bf7vzhdhb.jpg');
}
.svideoo_consult1 h4,
.svideoo_consult2 h4,
.svideoo_consult3 h4 {
  font-weight: 700;
}
.svideoo_consult1 .zx_message,
.svideoo_consult2 .zx_message,
.svideoo_consult3 .zx_message {
  font-weight: 700;
  background-color: #52fdf9;
  color: #000;
}
.svideoo_troubled {
  background-image: url('../images/product/3e1899a3bd3mlfwv.png');
  background-size: auto;
}
.svideoo_troubled_cont {
  padding: 5.2% 15px;
  max-width: 1130px;
}
.svideoo_troubled_cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.svideoo_troubled_cont ul li {
  text-align: center;
  width: 23.5%;
  padding: 2.1% 0 1.5%;
  max-width: 260px;
}
.svideoo_troubled_cont ul li .img img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.svideoo_troubled_cont ul li .text h4 {
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  margin: 0.3em 0 0;
}
.svideoo_troubled_cont ul li .text p {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: 0;
  color: #999;
  display: block;
  margin: 0.5em auto 0;
}
.svideoo_troubled_cont ul li:nth-child(2) .text p {
  width: 8em;
}
.svideoo_troubled_cont ul li:nth-child(3) .text p {
  width: 12em;
}
@media (max-width: 1024px) {
  .svideoo_troubled_cont ul li .img img {
    height: 70px;
  }
  .svideoo_troubled_cont ul li .text h4 {
    font-size: 20px;
  }
  .svideoo_troubled_cont ul li .text p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .svideoo_troubled_cont ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .svideoo_troubled_cont ul li {
    width: 47%;
  }
  .svideoo_troubled_cont ul li .img img {
    height: 64px;
  }
  .svideoo_troubled_cont ul li:nth-child(n + 3) {
    margin-top: 20px;
  }
}
@media (max-width: 500px) {
  .svideoo_troubled_cont {
    padding: 32px 20px;
  }
  .svideoo_troubled_cont ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .svideoo_troubled_cont ul li {
    width: 45%;
  }
  .svideoo_troubled_cont ul li .img img {
    height: 50px;
  }
  .svideoo_troubled_cont ul li .text h4 {
    font-size: 18px;
  }
}
.svideoo_service {
  background-image: url('../images/product/c959be0539ksw1az.jpg');
}
.svideoo_service .dy_wh1200 {
  padding: 5% 0 6%;
}
.svideoo_service_cont {
  margin: 0 auto;
  margin-top: 5%;
  max-width: 884px;
}
.svideoo_service_cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.svideoo_service_cont ul li {
  width: 32%;
  max-width: 242px;
}
.svideoo_service_cont ul li a {
  display: block;
  pointer-events: none;
  text-align: center;
}
.svideoo_service_cont ul li a .img img {
  max-width: 100%;
}
.svideoo_service_cont ul li a .text h4 {
  font-size: 20px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #52fdf9;
  margin: 0.8em auto 0;
}
.svideoo_service_cont ul li a .text p {
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: hsla(0, 0%, 100%, 0.5);
  margin-top: 0.4em;
  max-width: 220px;
}
.svideoo_service_cont ul li:nth-child(n + 4) {
  margin-top: 5%;
}
@media (max-width: 900px) {
  .svideoo_service_cont {
    padding: 0 4%;
  }
}
@media (max-width: 768px) {
  .svideoo_service_cont ul li a .img img {
    height: 70px;
  }
  .svideoo_service_cont ul li a .text h4 {
    font-size: 17px;
  }
  .svideoo_service_cont ul li a .text p {
    font-size: 14px;
    margin-top: 0.8em;
  }
}
@media (max-width: 640px) {
  .svideoo_service .dy_wh1200 {
    padding: 8% 0 10%;
  }
  .svideoo_service_cont {
    margin-top: 8%;
    padding: 0 15px;
  }
  .svideoo_service_cont ul li {
    width: 48%;
  }
  .svideoo_service_cont ul li a .img img {
    height: 50px;
  }
  .svideoo_service_cont ul li a .text h4 {
    font-size: 16px;
  }
  .svideoo_service_cont ul li a .text p {
    font-size: 13px;
  }
  .svideoo_service_cont ul li:nth-child(n + 3) {
    margin-top: 8%;
  }
}
.svideoo_about {
  padding-bottom: 1.6%;
}
.svideoo_about_cont {
  background-image: url('../images/product/627dce9570ei6kxh.png');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  padding: 8.6% 2.2% 7.5%;
}
.svideoo_about_cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.svideoo_about_cont ul li {
  text-align: center;
}
.svideoo_about_cont ul li h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: Arial;
  font-size: 36px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: 0;
  color: #000;
  margin: 0;
}
.svideoo_about_cont ul li h4 img {
  height: 2.05em;
  width: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5px;
}
.svideoo_about_cont ul li p {
  font-size: 24px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #000;
  margin-top: 0.5em;
}
.svideoo_about_cont_bottom {
  margin-top: 6.2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.svideoo_about_cont_bottom .left {
  width: 59.1%;
}
.svideoo_about_cont_bottom .left img {
  max-width: 100%;
}
.svideoo_about_cont_bottom .right {
  width: 37%;
  padding-top: 1.2%;
}
.svideoo_about_cont_bottom .right .right_li {
  background-color: #52fdf9;
  border-radius: 5px;
  padding: 2.3%;
}
.svideoo_about_cont_bottom .right .right_li .xt {
  border-radius: 5px;
  border: 1px solid #fff;
  padding: 5% 4%;
}
.svideoo_about_cont_bottom .right .right_li h5 {
  font-size: 22px;
  font-weight: 700;
  margin: 0;
}
.svideoo_about_cont_bottom .right .right_li h5,
.svideoo_about_cont_bottom .right .right_li p {
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.svideoo_about_cont_bottom .right .right_li p {
  font-size: 17px;
  font-weight: 400;
  margin-top: 0.5em;
}
.svideoo_about_cont_bottom .right .right_li:nth-child(n + 2) {
  margin-top: 2.5%;
}
@media (max-width: 1200px) {
  .svideoo_about_cont ul li h4 {
    font-size: 3vw;
  }
  .svideoo_about_cont ul li p {
    font-size: 2vw;
  }
  .svideoo_about_cont_bottom .right .right_li h5 {
    font-size: 1.84vw;
  }
  .svideoo_about_cont_bottom .right .right_li p {
    font-size: 1.42vw;
  }
}
@media (max-width: 990px) {
  .svideoo_about_cont ul li h4 {
    font-size: 3vw;
  }
  .svideoo_about_cont ul li p {
    font-size: 2vw;
  }
  .svideoo_about_cont_bottom .right .right_li h5 {
    font-size: 18px;
  }
  .svideoo_about_cont_bottom .right .right_li p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .svideoo_about_cont ul li h4 {
    font-size: 20px;
  }
  .svideoo_about_cont ul li p {
    font-size: 14px;
  }
  .svideoo_about_cont_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .svideoo_about_cont_bottom .left {
    width: 100%;
    text-align: center;
  }
  .svideoo_about_cont_bottom .right {
    margin-top: 4%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .svideoo_about_cont_bottom .right .right_li {
    width: 48%;
  }
  .svideoo_about_cont_bottom .right .right_li:nth-child(n + 2) {
    margin-top: 0;
  }
  .svideoo_about_cont_bottom .right .right_li:nth-child(n + 3) {
    margin-top: 4%;
  }
}
@media (max-width: 640px) {
  .svideoo_about_cont ul li h4 {
    font-size: 16px;
  }
  .svideoo_about_cont ul li p {
    font-size: 13px;
  }
  .svideoo_about_cont_bottom .right .right_li {
    width: 100%;
  }
  .svideoo_about_cont_bottom .right .right_li:nth-child(n + 2) {
    margin-top: 10px;
  }
}
.svideoo_combo {
  background-image: url('../images/product/8daa0f9e25auurum.jpg');
  background-position: bottom;
  padding-bottom: 6.7%;
}
.svideoo_combo_cont img {
  width: 100%;
}
@media (max-width: 768px) {
  .svideoo_combo {
    display: none;
  }
}
.svideoo_tikTok {
  background-color: #ecf6f6;
}
.svideoo_tikTok_cont {
  padding: 4% 15px 6%;
}
.svideoo_tikTok_cont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.svideoo_tikTok_cont ul li {
  width: 32%;
}
.svideoo_tikTok_cont ul li a {
  pointer-events: none;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  -webkit-box-shadow: -3px 5.2px 6px 0 #d6d6d6;
  box-shadow: -3px 5.2px 6px 0 #d6d6d6;
}
.svideoo_tikTok_cont ul li a .img {
  margin: 0;
}
.svideoo_tikTok_cont ul li a .img img {
  width: 100%;
}
.svideoo_tikTok_cont ul li a .text {
  margin: 0;
  background-color: #fff;
  text-align: center;
  padding: 3.7% 12px;
}
.svideoo_tikTok_cont ul li a .text h4 {
  font-size: 22px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0;
  color: #000;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
@media (max-width: 1200px) {
  .svideoo_tikTok_cont ul li a .text h4 {
    font-size: 1.84vw;
  }
}
@media (max-width: 640px) {
  .svideoo_tikTok_cont {
    padding: 32px 15px 30px;
  }
  .svideoo_tikTok_cont ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .svideoo_tikTok_cont ul li {
    width: 100%;
  }
  .svideoo_tikTok_cont ul li a .text h4 {
    font-size: 16px;
  }
  .svideoo_tikTok_cont ul li:nth-child(n + 2) {
    margin-top: 24px;
  }
}